用js实现倒计时的方法

最新推荐文章于 2023-05-31 18:30:08 发布

yel125270

最新推荐文章于 2023-05-31 18:30:08 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/yel125270/article/details/95524244

版权

<script type="text/javascript">
    
    var o=document.getElementById('timer');
         //在文档中根据id查找元素 并显示在页面

	function leftTimer(){
		
		var now=new Date();
		//创建一个新日期
        var endDate=new Date('2019/5/25 13:14:00');
          //创建一个指定日期
        var leftTime = (endDate.getTime()-now.getTime())/1000;
             //使两个日期都转换成毫秒 再让指定日期减去当前日期 
             //计算出来的毫秒数除以1000 计算剩余秒数

		// var days = parseInt(leftTime/60/60/24); 
		     //计算剩余的天数 
	    var hours = parseInt(leftTime/60/60); 
	         //计算剩余的小时 
	    var minutes = parseInt(leftTime/60%60);
	         //计算剩余的分钟 
	    var seconds = parseInt(leftTime%60);
	         //计算剩余的秒数 
         
         //补零   
	         // if (days<10) {
	         // 	days='0'+days;
	         // }
	         if (hours<10) {
	         	hours='0'+hours;
	         }
	         if (minutes<10) {
	         	minutes='0'+minutes;
	         }
	         if (seconds<10) {
	         	seconds='0'+seconds;
	         }
        //拼接
		time ="剩余"+ hours+"小时"+ minutes+"分"+seconds+"秒";  

		o.innerHTML=time;//将时间显示到div中
	}

    leftTimer();
     //由于第一秒时候为空，所以先执行一次衔接下一步
	setInterval(leftTimer,1000);
     //意思为每隔1秒执行一次

</script>