隐藏计时器并在达到特定值时显示

时间:2012-05-31 14:04:55

标签: jquery

我正在为Drupal CMS使用计时器插件。计时器倒计时并向用户显示他们在自动注销之前已经有多长时间。

计时器位于一个logoutstatus类的div中。其自身的计时器包含在strong标记中。

计时器很烦人,所以我只想让它在倒数到00:09:55时出现。我该怎么做?

我尝试过以下代码:

(function ($) {

$(document).ready(function() {


  $('.logoutstatus').hide();

if ($('logoutstatus:contains("00:09:57")').length > 0) {
   $('.logoutstatus').show();
}

});

}(jQuery));

但是,因为倒计时是一个动态元素,所以代码似乎没有对它作出反应。我会很感激任何指针。谢谢!

我知道我应该在我的代码中构建jQuery计时器。但是,我必须使用Drupal,所以这不是一个选项。

2 个答案:

答案 0 :(得分:1)

我不知道你的测试是否真的有效,因为你没有发布相关的位,但是,假设代码工作正常,你只需将它包装在setInterval周围,每个都会运行1000毫秒。这应该可行,但它会添加另一个无用的计时器。

作为旁注,您在第一个选择器中缺少.

答案 1 :(得分:0)

您必须检查增加/减少计时器的功能中的当前计时器值 使用

if ($('logoutstatus:contains("00:09:57")').length > 0) {
   $('.logoutstatus').show();
}

在加载文档时检查一次。计时器在那个时候完全达到该值的可能性非常小。

我确定您使用的是一项功能来更改logoutstatus的内容。更改后,请检查内容以及是否已达到停止时间。