抢购商品倒计时功能

虎仔_

于 2022-06-27 19:11:34 发布

阅读量395

点赞数 1

文章标签：大数据

本文链接：https://blog.csdn.net/qq_40063198/article/details/125490170

版权

1.新建倒计时js

var Rush_buying_time = "2022-03-22 09:00:00";  //倒计时开始时间
function countTime(dom,date){
    var date1=date||new Date(); 
    var temper= Rush_buying_time;
    var date2 = new Date(temper.replace(/-/g,"/")); 
    var date3=date2.getTime()-(date?date:date1.getTime());
    var intDiff = parseInt(date3/1000);//总秒数量
    var setTime = setInterval(function(){
        var day=0,
        hour=0,
        minute=0,
        second=0;
        if(intDiff > 0){
            hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
            minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
            second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
        }else{
            buy_bt_twotype = false;  //倒计时结束
            clearInterval(setTime);
            
        }
        if (hour <= 9) hour = '0' + hour;
        if (minute <= 9) minute = '0' + minute;
        if (second <= 9) second = '0' + second;
        dom.find('.hour').html('<s id="h"></s>'+hour);
        dom.find('.minute').html('<s></s>'+minute);
        dom.find('.seconds').html('<s></s>'+second);
        intDiff--;
    }, 1000);
    
}

countTime($('.count-down-p'),"2022-03-22 09:10:00");

2.页面html倒计时元素

<div id="fnTimeCountDown"  class="count-down-p" >
	<span class="hour">00</span><i>时</i>
	<span class="minute">00</span><i>分</i>
	<span class="seconds">00</span><i>秒</i>
</div>