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

Question

用户处于非事件状态 X 分钟后，我需要在 ASP.NET 中显示 session 超时之前剩余的分钟数。

例如5 分钟后，他们会看到“您已经有 5 分钟不活动了。”再过 10 分钟后您将被注销。此后的每一分钟，消息都会更新。

我发现了一个名为“jQuery Countdown”的 jQuery 插件，但如何才能使其仅在 X 分钟过去后才可见？

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

感谢您的帮助。

Answer 1

您可以使用.delay()在5分钟后淡入它像这样:

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

这基本上只是做一个setTimeout()在队列的幕后，只是执行相同操作的简短/简单方法。设置完毕后，setTimeout(showFunc, 300000) 就可以很好地完成这项工作。