每隔5秒让页面向下滚动到最后?

时间:2017-02-26 05:32:07

标签: javascript jquery

更新

对此感到抱歉。

我要做的是将网页向下滚动到最后,每隔5秒,我该怎么做?

我尝试重复按end键以实现此目的,但我失败了。

这些是我的尝试:

function pressEnd() {
    $('body').keypress({keyCode: 35});
}

setInterval(function () {
    pressEnd();
}, 5000);

$('body').trigger('keydown', {which: 35});

var event = $.Event('keydown', {keyCode: 35});
$('body').trigger(event);

还尝试将选择器从body更改为documentwindow

我错过了什么?

4 个答案:

答案 0 :(得分:0)

您需要将代码包装在jQuery ready函数中,如下所示。

$(document).ready(function() { 
        $('body').keydown(function(event) {
            var keyCode =  event.which;
        alert("You pressed the key code: " +  keyCode );
    });
});

这是一个带有工作示例的JSFiddle。 https://jsfiddle.net/txnL8699/

答案 1 :(得分:0)

试试这个:

var event = $.Event('keydown', {keyCode: 35});

setInterval(function () {
  $('body').trigger(event);
}, 5000);

答案 2 :(得分:0)

<强>更新

此脚本将每5秒自动向下滚动到页面底部,动画持续时间为500毫秒

function scrollDown(el) {
    el.animate({
        scrollTop: el[0].scrollHeight
    }, 500, function() {
        scrollUp(el)
    });
};


 $(document).ready(function() { 
window.setInterval(function(){
  scrollDown($("html,body"));
}, 5000);
})

看小提琴:http://jsfiddle.net/BDc6S/240/

<强>以前

创建一个发送end key的函数,并使用window.setInterval(function(){})上的jQuery $(document).ready(function() {})每隔5秒调用一次

function myFunction() {
var key35 = $.Event("keydown", { keyCode: 35 });
$("body").trigger(key35);
alert("end key pressed");
}

$(document).ready(function() { 
window.setInterval(function(){
  myFunction();
}, 5000);
})

看见FIDDLE:https://jsfiddle.net/utp2sfm4/

答案 3 :(得分:0)

将代码放入ready函数时,它的工作正常。正确触发

$(document).ready(function(){ 
setInterval(function () {
    pressEnd();
}, 5000);
});
function pressEnd(){
// Create a new jQuery.Event object with specified event properties.
var e = jQuery.Event("keydown", { keyCode: 35 });
// trigger an artificial keydown event with keyCode 64
jQuery("body").trigger( e );
}