如何製作僅在X分鐘後纔可見的javascript/jQuery倒計時？

Question

用戶在X分鐘內一直處於非活動狀態後，我需要顯示直到會話超時爲止的分鐘數。

例如， 5分鐘後，他們會看到'你已經停用5分鐘了。您將在10分鐘後註銷。此後每隔一分鐘，該消息將被更新。

我找到了一個名爲'jQuery Countdown'的jQuery插件，但是如何才能讓它在X分鐘過後纔可見？

當頁面加載時，我將使用RegisterStartupScript，同時將Session.Timeout作爲參數傳遞給此函數。

感謝您的幫助。

Answer 1

你可以在之後它消失5分鐘使用.delay()這樣的：

$("#timer").delay(299600).fadeIn(function() { // 5 * 60 * 1000 - 400ms for fade 
    $(this).countdown({ ... countdown options ... }); 
}); 

這基本上只是做了setTimeout()的風光背後在隊列中，只是一個簡單的方法。這樣做，setTimeout(showFunc, 300000)將完成這項工作。

Answer 2

可以使用常規的JavaScript setTimeout函數

，並將其設置爲5分鐘...

，並把一個函數存在，這將使你的倒計時可見

Answer 3

var interval = setInterval(displayInactiveMessage, 300000); 

300000 = 5分鐘（以毫秒爲單位）。

然後clearInterval（間隔）來阻止它每5分鐘運行一次。

喲你能爲你1分鐘更新相同的機制 - 只是不清除它。