jQuery中的倒计时器

时间:2011-06-27 11:57:00

标签: javascript php jquery ajax

我正在建立一个便士拍卖网站,我开始使用计时器(我正在使用symfony框架)。在这里,我有几个问题和问题。

所以,我需要在主页上显示大约10种产品。所有人都有倒数计时器。

为了使计数器正常工作,我牢记这一点:

  1. 在模板的操作中,我将所有需要显示的产品与start_time和end_time一起提取到数组中。在html中,每个产品都有一个隐藏的div,其中包含秒数(end_time - start_time)

  2. 在文档就绪时,jQuery将遍历主页上的所有产品,将剩余时间转换为正确的格式(hours:minutes:seconds),输出该时间。所以这是我感到困惑的部分 - 这个函数现在应该调用另一个函数,减少div的时间,并在1秒内有一个setTimeout吗?

  3. 在div.click上,jQuery获取产品的秒数div,将其内容增加10.如果溢出,则更改分钟,以及秒到正确值。等

    我担心的一个问题是jQuery如何知道网页上有多少产品?我目前正在使用<body onload="func()">来触发计时器。我是JavaScript / jQuery的新手,所以我的问题是触发定时器的另一种更好的方法,并将产品数量的参数发送给jQuery函数?

    此外,这是否足够快速有效?可以做得更好吗?

    1 个答案:

    答案 0 :(得分:1)

    正如我在评论中所提到的,你可以将你的产品放在一些带有classname的div中,然后使用jQuery的$.each('.classname')函数迭代产品

    至于你的第二点,你可以为每个产品div调用一个单独的函数,并以start-end time作为参数。 here is a script查看倒数计时器。

    对于您的第三个问题,您可以创建一个隐藏字段来保存每个产品的当前时间点,并且您可以使用新修改的起始值调用倒计时功能的每个产品的onclick

    您可以使用$(".classname").size()获取产品总数