我正在建立一个便士拍卖网站,我开始使用计时器(我正在使用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函数?
此外,这是否足够快速有效?可以做得更好吗?
答案 0 :(得分:1)
正如我在评论中所提到的,你可以将你的产品放在一些带有classname
的div中,然后使用jQuery的$.each('.classname')
函数迭代产品
至于你的第二点,你可以为每个产品div调用一个单独的函数,并以start-end time作为参数。 here is a script查看倒数计时器。
对于您的第三个问题,您可以创建一个隐藏字段来保存每个产品的当前时间点,并且您可以使用新修改的起始值调用倒计时功能的每个产品的onclick
您可以使用$(".classname").size()
获取产品总数