小编Hen*_*ryz的帖子

我可以在jQuery中使用.delay()和.animate()吗?

我有这个代码,它在我正在处理的网站上打开一个篮子预览.如果用户徘徊在它上面它会保持打开状态,但我希望它在触发我的悬停的回调之前有两秒钟的延迟.这是为了防止用户不希望鼠标离开篮子区域.

以下是我用来为篮子制作动画的代码:

$('.cart_button, .cart_module').hover(function(){
    $(".cart_module").stop().animate({top:'39px'},{duration:500});
}, function(){
    $('.cart_module').stop().animate({top: -cartHeight},{duration:500})
});
Run Code Online (Sandbox Code Playgroud)

这是我试图使用的代码,但没有影响:

$('.cart_button, .cart_module').hover(function(){
    $(".cart_module").delay().animate({top:'39px'},{duration:500});
}, function(){
    $('.cart_module').delay().animate({top: -cartHeight},{duration:500})
});
Run Code Online (Sandbox Code Playgroud)

jquery delay jquery-animate

17
推荐指数
3
解决办法
7万
查看次数

HTML5 Canvas性能 - 计算每秒循环/帧数

我知道之前有过像这样的问题,比如这样:检查JS中的FPS? - 在某种程度上确实有效,我能够找出每个循环完成的时间.

我正在寻找的是更具可读性和可控性的东西.我希望能够设置FPS计数器的刷新率使其变慢,因此它是人类可读的或者应用程序可以运行的速度,因此我可以在某种速度计上使用它.

无论如何所以这里是我现在的代码:

var lastLoop = new Date().getTime();

function updateStage()
{   
    clearCanvas();
    updateStageObjects();
    drawStageObjects();     

    var thisLoop = new Date().getTime(); 
    var fps = (thisLoop - lastLoop);

    $('#details').html(fps);

    lastLoop = thisLoop;
    iteration = setTimeout(updateStage, 1);
}
Run Code Online (Sandbox Code Playgroud)
  1. 我是否正确将setTimeout函数设置为1毫秒的速度?我以为这会让它尽可能快地循环.

  2. 我应该每隔100帧计算一次,找出运行100帧所需的毫秒数,然后进行计算以找出如果毫秒为1000则会完成多少帧?这个计算是什么?

  3. 为了使结果更准确,我猜我需要显示平均值,因为一帧可以变化很大,我应该怎么做?

任何提示都非常感谢.

谢谢.

javascript html5 frame-rate canvas

14
推荐指数
1
解决办法
3万
查看次数

如何使用PHP轻松地将数组中的每个项目相乘?

我有一个名为的数组$times.它是一个小数字列表(15,14,11,9,3,2).这些将是用户提交的,应该是几分钟.由于PHP时间在几秒钟内工作,我想将我的数组的每个元素乘以60.

我一直在玩array_walk,array_map但我不能让那些工作.

php arrays

13
推荐指数
3
解决办法
2万
查看次数

使用Node.JS构建的多人JavaScript游戏 - 分离玩家

我有一个问题,我无法找到答案.

我正在尝试使用Node.JS和Socket.IO构建多人游戏.我已经建立了一个聊天室作为我的第一个实验,所以我有广播工作等等.现在我正处于想要使用Canvas的地方.

我遇到的问题是围绕多个独立玩家.我知道每个玩家都会将他们的x,y线发送到服务器,服务器会广播那些,但是客户端如何知道要显示多少玩家,我猜他们必须存储在某个地方的数组中.

javascript canvas node.js socket.io

13
推荐指数
2
解决办法
1万
查看次数

使用HTML5画布制作简单的汽车游戏

我正在玩HTML5画布,在我的第一个实验中,我决定尝试用基本的用户输入制作一个简单的汽车动画.我认为我最基本的输入和移动方式,但我只是想看看我是否可以更进一步.

演示:http://jsfiddle.net/mpxML/20/ (使用箭头键)

我有一个图像加载,你还可以看到一个移动的黑色方块,即转换点,或汽车转向的位置.我想以某种方式创造一种可以在更高速度下实现的漂移效果等.当它不移动时也可以转动,这是不对的.

无论如何,我只是不知道我需要什么逻辑才能使汽车感觉更加半现实.

谢谢

jquery html5 animation canvas

12
推荐指数
1
解决办法
1万
查看次数

当鼠标快速移动时,不会触发jQuery mouseleave功能

我有一个带有小针脚的时间线,当它悬停在上面时,向上或向下滑动然后显示一个标题.当鼠标离开时,标题应该消失并且引脚向后移动.这是有效的,但是使用我正在使用的代码,如果鼠标移动得太快,它就不会检测到鼠标离开.我怎样才能解决这个问题?

PS,我使用鼠标进入/离开的唯一原因是因为我认为我需要使用live(),因为我的元素是在文档加载后动态添加的.

    $('#about-me .progress-bar .progress .notes li.personal').live('mouseenter',function(){
    $(this).animate({
        top:25
    }, 200, function(){
        $(this).find('.caption').stop(true, true).fadeIn(200);
    });     
}).live('mouseleave',function(){
    $(this).find('.caption').stop(true, true).delay(200).fadeOut(200,function(){
        $(this).parents('li').animate({
            top:30
        },200);         
    });
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-animate

7
推荐指数
1
解决办法
3848
查看次数

在Dreamweaver CS4/5中显示不可见的制表符但不是行尾字符?

我的一个朋友使用另一个Geany的Coda,它们都能够只显示Tab和Space不可见的字符而不是行尾字符.

任何人都可以启发我在Dreamweaver中这样做的方法吗?

谢谢.

dreamweaver hidden-characters text-coloring

5
推荐指数
1
解决办法
2849
查看次数

给定角度(以度为单位),如何使用x和y找到行程的逻辑?(数学困境)

我正在用HTML5画布制作一个简单的游戏,它涉及驾驶一辆小汽车.

向上箭头移动汽车,左右箭头操纵它.

我有旋转排序,但现在它需要在按住向上键时根据它所处的角度移动其x和y位置.

例:

角度为0,向上箭头仅影响y坐标.

角度为45,向上箭头将以相同的速度影响x和y坐标.

如果说角度是32,我可以使用什么逻辑?

math html5 canvas

5
推荐指数
1
解决办法
644
查看次数

如何使用HTML5 Canvas而不是Debug Draw绘制我的Box2D世界?

我非常了解HTML5画布,我知道使用循环等的基础知识和动画.

我正在使用的演示:(点击制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html

我不太熟悉的是Box2D.我正在使用Box2DWeb端口,我听说它比Box2D-js更新,我不确定哪个最好.

我知道如何初始化'世界',我可以在世界上放置物体.然后我使用Step来动画世界 - 但是到目前为止,我只能在屏幕上显示它,因为它基本上可以为您完成所有操作.

而不是使用调试绘图我想使用画布绘制,例如汽车而不是仅仅是一个正方形.如何将正方形的物理特性附加到汽车图像上?我只是不知道如何将画布与Box2D整合在一起.

任何提示都将受到大力赞赏!

谢谢

javascript jquery physics box2d

5
推荐指数
2
解决办法
7108
查看次数

是否可以使用PHP检测用户使用的操作系统?(mac或windows)

比方说,我想回应"你正在使用Windows!" 或"您使用的是Macintosh!",具体取决于用户操作系统.这可能吗?

php

4
推荐指数
3
解决办法
2230
查看次数