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的一部分。您可以使用要执行的函数调用它，并以毫秒为单位调用它。 e.g： -

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

Answer 3

试试这个：

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

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

3 个答案: