javascript - 空闲时滚动？

Question

谁能给我指出一个页面代码示例，该页面在用户空闲一段时间后开始自动滚动？我认为这稍微超出了我的技能范围。我认为 JQuery 或类似的东西可能是合适的，但我似乎无法弄清楚。我正在为我工​​作的非营利组织设计一个网站，但我们没有钱聘请程序员。我不会要求任何人为我编写任何代码，只是为我指明正确的方向。非常感谢。

朱莉·K。

Answer 1

这里有一些快速而肮脏的东西，可以做你想做的事。我目前将其设置为 2 秒空闲时间，但您可以根据需要进行更改。

var now = new Date();
setInterval(function(){
    var nnow = new Date();
    if(nnow.getTime() - now.getTime() >= 2000)
        $('body').animate({scrollTop: '+=50'}, 2000, 'linear');
    }, 2000);
$(document)
    .mousemove(function(){ now = new Date(); $('body').stop(); })
    .keypress(function(){ now = new Date(); $('body').stop(); });

编辑:在 mousemove 和 keypress 事件中添加了 .stop 以在用户移动鼠标或按键时立即停止滚动，而不是等待动画完成。