在5秒後顯示div，然後每隔1分鐘刷新一次div

我已經在我的頁面中創建了一個div，我想在頁面加載5秒後獲取加載。然後我想在每隔1分鐘刷新一次div而不刷新頁面。如何通過使用J查詢來實現此功能。我的代碼看起來像這樣在5秒後顯示div，然後每隔1分鐘刷新一次div

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

    });

這個上面的代碼塊只在1分鐘後刷新div。但在頁面加載時，我想讓div在5秒後顯示給用戶，然後執行這段代碼。

來源

2014-09-20 Harman Preet

什麼是刷新div的含義是什麼？ – 2014-09-20 14:20:49

如果你想在不刷新整個頁面的情況下將新內容加載到你的div中，你需要使用Ajax。 – Banana 2014-09-20 14:23:00

我在那個div上有一個按鈕，當我點擊它時，它會關閉，然後在1分鐘後再次出現，這就是刷新div的含義 – 2014-09-20 20:23:51

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

    }, 5000); 
});

我想你要找的是setTimeout

來源

2014-09-20 14:20:42 Luke

試試：

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

}）;

來源

2014-09-20 14:22:29

你已經有了基本功能，所以你需要做的就是添加一條消息在5秒後出現。像這樣的東西應該工作。

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

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

來源

2014-09-20 14:22:48 XtraSimplicity

這裏是一個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); 
     }); 
});

來源

2014-09-20 14:28:16 friedi

在5秒後顯示div，然後每隔1分鐘刷新一次div

回答

相關問題