jquery 一页上有多个 keith-wood 倒计时插件

发布于 2024-11-05 19:34:12 字数 836 浏览 1 评论 0原文

我正在使用 jQuery Keith-Wood 插件在我的页面上显示一个倒计时器，并且效果很好。

现在我想显示多个倒计时，但它似乎不起作用（它仅适用于第一个元素）。

这就是我所做的：

<? foreach ($sales as $sale): ?>
    <script>
        $(function () {
            var austDay = new Date();
            austDay = new Date(<?php echo date('Y', strtotime($sale->end))?>,<?php echo (date('m', strtotime($sale->end))-1)?>,<?php echo date('d-1', strtotime($sale->end))?>,<?php echo date('h', strtotime($sale->end))?>,<?php echo date('i', strtotime($sale->end))?>,<?php echo date('s', strtotime($sale->end))?>);
            $('#defaultCountdown').countdown({until: austDay, format: 'dHMS'});
        });
    </script>

<div id="defaultCountdown"></div>

知道如何让它适用于每个销售数据吗？我的意思是，我怎样才能让它变得多重并且有效？

原文

I am using the jQuery Keith-Wood plugin for showing one countdown timer on my page, and it works fine.

Now I want to display multiple countdowns, but it doesn't seem to work (it works only for the first element).

Here is what i do:

<? foreach ($sales as $sale): ?>
    <script>
        $(function () {
            var austDay = new Date();
            austDay = new Date(<?php echo date('Y', strtotime($sale->end))?>,<?php echo (date('m', strtotime($sale->end))-1)?>,<?php echo date('d-1', strtotime($sale->end))?>,<?php echo date('h', strtotime($sale->end))?>,<?php echo date('i', strtotime($sale->end))?>,<?php echo date('s', strtotime($sale->end))?>);
            $('#defaultCountdown').countdown({until: austDay, format: 'dHMS'});
        });
    </script>

<div id="defaultCountdown"></div>

Any idea about how could I could make it work for each sale data? I mean, how can I make it multiple and working?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鞋纸虽美，但不合脚ㄋ〞 2024-11-12 19:34:12

您需要唯一地标识每个元素。如果有销售 ID，我会这样做：

$('#defaultCountdown<?php echo $sale->Id?>').countdown(...);
...
<div id="defaultCountdown<?php echo $sale->Id?>"></div>

或者只使用计数器：

<?  
    $count = 0;
    foreach ($sales as $sale):
    $count++; 
?>

$('#defaultCountdown<?php echo $count ?>').countdown(...);
...
<div id="defaultCountdown<?php echo $count ?>"></div>

You need to uniquely identify each element. If there is a sale id i'd do it like this:

$('#defaultCountdown<?php echo $sale->Id?>').countdown(...);
...
<div id="defaultCountdown<?php echo $sale->Id?>"></div>

Or just use a counter:

<?  
    $count = 0;
    foreach ($sales as $sale):
    $count++; 
?>

$('#defaultCountdown<?php echo $count ?>').countdown(...);
...
<div id="defaultCountdown<?php echo $count ?>"></div>

回复收藏 0 原文

~没有更多了~