Question

我有多个html元素与班级＆＃34;倒计时＆＃34;：

<span data-seconds="95" class="countdown">00:01:35</span>
<span data-seconds="30" class="countdown">00:00:30</span>

等等.. 现在我想制作一个倒计时值到00:00:00的计时器，然后重新加载页面。我的脚本中有这个：

        // Countdown
        setInterval(function(){
            $(".countdown").each(function(){
                var seconds = $(this).data('seconds');
                if(seconds > 0) {
                    second = seconds - 1;
                    $(this).data('seconds', second)
                    $(this).html(second )
                }
            });
        }, 1000);

这适用于秒......但有人可以帮助我将其转换为hh：mm：ss格式吗？在php中有很棒的函数gmdate（＆＃34; H：i：s＆＃34;，$ seconds）函数..我想知道JS中有类似的东西吗？

并且 - 如果是，我如何触发页面重新加载 $(this).data('seconds')有0？

感谢您的回复：）

Answer 1

以下是您的解决方案，JS BIN

    // Countdown
    setInterval(function(){
        $(".countdown").each(function(){
            var seconds = $(this).data('seconds');
            if(seconds > 0) {
                second = seconds - 1;
                $(this).data('seconds', second)

                 var date = new Date(null);
                 date.setSeconds(second); 
                 $(this).html(date.toISOString().substr(11, 8))
            }
          else
            {
              $(this).html("Reload" )
            }
        });
    }, 1000);

Jquery倒计时从x秒到0，格式为hh：mm：ss

1 个答案: