Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JQuery计算计时器_Javascript_Jquery_Jquery Countdown - Fatal编程技术网

Javascript 使用JQuery计算计时器

Javascript 使用JQuery计算计时器,javascript,jquery,jquery-countdown,Javascript,Jquery,Jquery Countdown,我有倒数计时器,而且很好。我试着把它转换成计数计时器。我对这项任务感到困惑 我经历了许多方法,但没有确切的答案 HTML代码 <div class="tk_countup_time p-0 transparent_bg box_shadow_none animation" data-animation="fadeInUp" data-animation-delay="1.2s" data-time="2025/02/28 00:00:00"></div> $('.tk_

我有倒数计时器,而且很好。我试着把它转换成计数计时器。我对这项任务感到困惑

我经历了许多方法,但没有确切的答案

HTML代码

<div class="tk_countup_time p-0 transparent_bg box_shadow_none animation" data-animation="fadeInUp" data-animation-delay="1.2s" data-time="2025/02/28 00:00:00"></div>
$('.tk_countup_time').each(function() {
        var endTime = $(this).data('time');
        $(this).countdown(endTime, function(tm) {
            $(this).html(tm.strftime('<span class="counter_box"><span class="tk_counter days">%D </span><span class="tk_text">Days</span></span><span class="counter_box"><span class="tk_counter hours">%H</span><span class="tk_text">Hours</span></span><span class="counter_box"><span class="tk_counter minutes">%M</span><span class="tk_text">Minutes</span></span><span class="counter_box"><span class="tk_counter seconds">%S</span><span class="tk_text">Seconds</span></span>'));
        });
    });

JQuery代码

<div class="tk_countup_time p-0 transparent_bg box_shadow_none animation" data-animation="fadeInUp" data-animation-delay="1.2s" data-time="2025/02/28 00:00:00"></div>
$('.tk_countup_time').each(function() {
        var endTime = $(this).data('time');
        $(this).countdown(endTime, function(tm) {
            $(this).html(tm.strftime('<span class="counter_box"><span class="tk_counter days">%D </span><span class="tk_text">Days</span></span><span class="counter_box"><span class="tk_counter hours">%H</span><span class="tk_text">Hours</span></span><span class="counter_box"><span class="tk_counter minutes">%M</span><span class="tk_text">Minutes</span></span><span class="counter_box"><span class="tk_counter seconds">%S</span><span class="tk_text">Seconds</span></span>'));
        });
    });
$('.tk_countup_time')。每个(函数(){
var endTime=$(this.data('time');
$(此).倒计时(结束时间,函数(tm){
$(this.html(tm.strftime(“%D天%h小时%m分钟%s秒”);
});
});

假设您使用的是jQuery countdown,您可以设置
elapse:true
使其在达到零后继续计数,而不是将完成时间设置为当前日期,以便它立即开始计数

let now=new Date().getTime();
$('#clock')。倒计时(现在,{elapse:true})
.on('update.countdown',函数(事件){
var$this=$(this);
$this.html(event.strftime('累计:%H:%M:%S');
});

倒计时()
不是jQuery函数