gpt4 book ai didi

javascript - jQuery 中的倒数计时器

转载 作者:可可西里 更新时间:2023-11-01 12:21:33 25 4
gpt4 key购买 nike

我正在构建一个便士拍卖网站,并且涉及到计时器部分(我使用的是 symfony 框架)。我有几个问题。

因此,我需要在主页上展示大约 10 种产品。所有这些都带有倒数计时器。

为了让计数器正常工作,我想到了这一点:

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

  2. 准备好文档后,jQuery 将遍历主页上的所有产品,将剩余时间转换为适当的格式 (hours:minutes:seconds),然后输出该时间。所以这是我感到困惑的部分——这个函数现在是否应该调用另一个函数,它会减少 div 的时间,并且有一个 setTimeout 1秒?

  3. 在 div.click 上,jQuery 获取产品的秒 div,将其内容增加 10。如果它溢出,也将分钟和秒更改为适当的值。等等

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

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

最佳答案

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

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

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

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

关于javascript - jQuery 中的倒数计时器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6492469/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com