js实现秒杀活动计时

<!-- 秒杀活动容器 -->
    <div id="box-food">
        <div id="back"></div>
    </div>
    

	<script>
        //定义一个函数来获取一次时间差
        function fun(){
        	//获取活动截止时间
	        getTime= new Date(2019,10,10,12,00,00);
	        //获取当前时间
	        nowTime=new Date();
	        //获取时间差 
	        time=getTime-nowTime; 
	        //当没到时间就算出时间差
	        
	        if(time>0){
	        //重写时间格式
            second=parseInt(time/1000%60);
            if(second<=9){
            	second='0'+second;
            }
            
            minute=parseInt(time/1000/60%60);
            if(minute<=9){
            	minute='0'+minute;
            }
            
            hour=parseInt(time/1000/60/60%24);
            if(hour<=9){
            	hour='0'+hour;
            }
            
            date=parseInt(time/1000/60/60/24);
            
            //时间格式
            str="距离双十一还有:"+date+"天"+hour+"时"+minute+"分"+second+"秒";
            document.getElementById("back").innerHTML=str;
	        }
	        
	        //当俩个时间相同,就结束定时器
	        else{
	        	window.clearInterval(setInterval(fun,1000));
	        	document.getElementById("back").innerHTML="活动结束";
	       }
        }
             //开启定时器
        	 fun();
             setInterval(fun,1000);
    </script>


当时间没到截至时间,计算
当时间截至,就会显示活动结束
//这里没有把css复制过来,用的是小米的官网首页

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值