jquery - 使用jquery如何在给定时间间隔后连续触发事件

Question

我需要在给定时间间隔后不断更新给定选择器。这是我使用 javascript 的代码。

function current_time(){
   var content = document.getElementById('time_div');
   content.innerHTML = '<p> Time is : '+Date()+'</p>';
}

var v = setInterval( 'current_time()', 1000);

还行吧。但我的问题是使用 jquery 我们可以这样做吗？我试过这种方式。它只工作一次。我如何在给定的时间间隔后连续触发该事件（没有点击事件）。

$(document).ready(function(){
    $('#time_div').click(function(){
        $(this).html('<p>'+Date()+'</p>');
    });
});

Answer 1

这应该可以解决问题...

$(document).ready(function() {
    var v = setInterval(function() {
        $("#time_div").html("<p>" + Date() + "</p>");
    }, 1000);
});

为了使您的原始代码更易于阅读...

var v = setInterval(function() {
   document.getElementById("time_div").innerHTML = "<p>" + Date() + "</p>";
}, 1000);

Answer 2

您需要做的就是：-

$(document).ready(function(){
    $('#time_div').click(function(){
        $(this).html('<p>'+Date()+'</p>');
    });
});

var v = setInterval( function(){$('#time_div').trigger('click')} , 1000);

setInterval是一个标准的 JavaScript 函数，不是 jQuery 的一部分。您可以使用要执行的函数和以毫秒为单位的时间段来调用它。例如：-

setInterval(function() {
//Do something every 1 seconds
}, 1000);

Answer 3

试试这个：

$(document).ready(function(){
    setInterval(function() {
                    $('#time_div').html('<p>'+Date()+'</p>');
                }, 1000);
});