5秒后显示div,然后每隔1分钟刷新一次div

时间:2014-09-20 14:16:26

标签: javascript jquery html

我已经在我的页面中创建了一个div,我希望在页面加载5秒后加载。然后我想刷新div而不是每隔1分钟刷新一次页面。如何使用J查询实现此功能。我的代码看起来像这样

$(document).ready(
    function () {
        setInterval(function() {
            $('#newsletter').show();
        }, 100000);

  });

此上面的代码块仅在1分钟后刷新div。但是在页面加载时,我希望在5秒后向用户显示div,然后执行此代码块。

4 个答案:

答案 0 :(得分:0)

$(document).ready(function()
{
    setTimeout(function()
    {
        // Perform actions you need to
        setInterval(function()
        {
            // Perform them again every minute
        }, 60000);

    }, 5000);
});

我认为您所寻找的是setTimeout

答案 1 :(得分:0)

试一试:

$(function(){
 setTimeout(function(){
$('#newsletter').show(); // to show div after 5 sec of page load

// To reshow on every one minute
setInterval(function() {
            $('#newsletter').show();
        }, 60000);
  }, 5000);

});

答案 2 :(得分:0)

您已经在那里获得了基本功能,因此您需要做的就是在5秒后添加一条消息。这样的事情应该有效。

$(document).ready(function()
 {
   setTimeout(function() { 
          // show message
      },5000);

     setInterval(function() {
        $('#newsletter').show();
    }, 60000);
  });

答案 3 :(得分:0)

这是一个jQuery解决方案:

$(document).ready(function () {
    var $newsletter = $('#newsletter')
        .delay(5000)
        .show(function() {
            setInterval(function() {
                // update the newsletter, e.g. set new text
                $newsletter.text(new Date());
            }, 60000);
        });
});