2014-09-20 120 views
0

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

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

    }); 

这个上面的代码块只在1分钟后刷新div。但在页面加载时,我想让div在5秒后显示给用户,然后执行这段代码。

+0

什么是刷新div的含义是什么? – 2014-09-20 14:20:49

+0

如果你想在不刷新整个页面的情况下将新内容加载到你的div中,你需要使用Ajax。 – Banana 2014-09-20 14:23:00

+0

我在那个div上有一个按钮,当我点击它时,它会关闭,然后在1分钟后再次出现,这就是刷新div的含义 – 2014-09-20 20:23:51

回答

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

    }, 5000); 
}); 

我想你要找的是setTimeout

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); 

});

0

你已经有了基本功能,所以你需要做的就是添加一条消息在5秒后出现。像这样的东西应该工作。

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

    setInterval(function() { 
     $('#newsletter').show(); 
    }, 60000); 
    }); 
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); 
     }); 
});