如何制作仅在X分钟后可见的javascript / jQuery倒计时？

Question

用户在X分钟内处于非活动状态后，我需要显示在ASP.NET中会话超时之前剩余的分钟数。

例如5分钟后，他们会看到'你已经闲置了5分钟。你将在10分钟后退出。在此之后的每一分钟，消息将被更新。

我发现了一个名为“jQuery Countdown”的jQuery插件，但是如何在X分钟过后才能看到它？

当页面加载时，我将使用RegisterStartupScript，同时将Session.Timeout作为参数传递给此函数。

感谢您的帮助。

Answer 1

你可以使用常规的javascript setTimeout函数

并将其设置为5分钟......

并在那里放置一个可以让你倒计时的功能

Answer 2

你可以使用.delay()像这样在5分钟后淡出它：

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

这基本上只是在队列后面做一个setTimeout()，只是一个简短的方法来做同样的事情。如果设置好了，setTimeout(showFunc, 300000)就能完成这项工作。

Answer 3

var interval = setInterval(displayInactiveMessage, 300000);

300000 = 5分钟（毫秒）。

然后使用clearInterval（interval）来阻止它每5分钟运行一次。

你可以用同样的机制为你做1分钟更新 - 只是不要清除它。