jQuery中的倒数计时器答案

【问题标题】：Countdown timers in jQueryjQuery中的倒数计时器
【发布时间】：2011-06-27 11:56:59
【问题描述】：

我正在建立一个便士拍卖网站，并开始使用计时器（我正在使用 symfony 框架）。在这里，我有一些问题和问题。

所以，我需要在主页上展示大约 10 种产品。它们都带有倒数计时器。

为了使计数器正常工作，我想到了这一点：

在模板的操作中，我将所有需要显示的产品连同 start_time 和 end_time 一起提取到一个数组中。在 html 中，每个产品都有一个隐藏的 div，其中包含几秒到结束 (end_time - start_time).
在文档准备好后，jQuery 将遍历首页上的所有产品，将剩余时间转换为适当的格式（hours:minutes:seconds），输出该时间。所以这是我感到困惑的部分——这个函数现在是否应该调用另一个函数，它会减少 div 的时间，并在 1 秒内有一个 setTimeout？
在 div.click 上，jQuery 获取产品的秒 div，将其内容增加 10。如果溢出，也将分钟和秒更改为适当的值。等等。

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

另外，这是否足够快速和有效？可以做得更好吗？

【问题讨论】：

【解决方案1】：

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

现在，至于您的第二点，您可以为每个产品 div 调用一个单独的函数，并将开始时间作为参数。 here is a script 查看倒计时。

对于您的第三个问题，您可以创建一个隐藏字段来保存每个产品的当前时间点，然后单击每个产品，您可以使用新修改的起始值调用倒计时函数

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

【讨论】：