Javascript怎么做倒计时

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

天刚萌萌亮

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

阅读量1.5k

点赞数

本文链接：https://blog.youkuaiyun.com/wmeng13/article/details/81021645

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
   剩余：<span id="time-box"></span>
	<script type='text/javascript'>
		var o=document.getElementById('time-box');
		gettime();
		function gettime(){
    	var endtime=new Date('2018/07/13 12:00:00').getTime();//截止时间
    	var nowtime=new Date();//当前时间
    	//时间差  单位是秒
    	var difftime=parseInt((endtime-nowtime)/1000);
    	//转换为时分秒
    	var h,m,s;
    	h=parseInt(difftime/3600);
    	m=parseInt(difftime/60)%60;
    	s=difftime%60;
    	//将时分秒转化为双位数
    	h=setNum(h);
    	m=setNum(m);
    	s=setNum(s);
    	o.innerHTML=h+'小时'+m+"分"+s+"秒";
    	setTimeout(gettime,1000);
    }
    function setNum(num){
    	if(num<10){
    		num='0'+num;
    	}
    	return num;
    }
	</script>
</body>
</html>