让知识连接你我
投稿赚钱
当前位置: 首页 > 前端开发 > JS实现倒计时(天数、时、分、秒)
  • 101
  • 微信分享

    扫一扫,在手机上查看

JS实现倒计时(天数、时、分、秒)

2019.09.18 10:00 231 浏览 举报

  这篇文章范例为我们讲解了JS建立倒数计时的具体流程,供大家参考,基本原则给出

  注释:

  parseInt() 函数可讲解一个字符串,并返还一个整数。

  语法:

  parseInt(string, radix)

9c9f2f44445ec24ae1aad24e036f581c.jpg

  例:

  parseInt("10"); //返回 10
  parseInt("19",10); //返回 19 (10+9)
  parseInt("11",2); //返回 3 (2+1)
  parseInt("17",8); //返回 15 (8+7)
  parseInt("1f",16); //返回 31 (16+15)
  parseInt("010"); //未定:返回 10 或 8

  建立倒计时代码

  html源代码:

<!DOCTYPE html>
<html>
	<head>
	
		<meta charset="utf-8">
		<title>JS实现倒计时(天数,时,分,秒)</title>
		</head>
	<body onload="leftTimer()">
		<h2>剩余时间:</h2>
		<div id="timer"></div>
	</body>
</html>

  javascript源代码:

<script language="javascript" type="text/javascript">
	function leftTimer(year, month, day, hour, minute, second) {  
		var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩余的毫秒数
		  
		var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
		  
		var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时
		  
		var minutes = parseInt(leftTime / 1000 / 60 % 60, 10); //计算剩余的分钟
		  
		var seconds = parseInt(leftTime / 1000 % 60, 10); //计算剩余的秒数
		  
		days = checkTime(days);  
		hours = checkTime(hours);  
		minutes = checkTime(minutes);  
		seconds = checkTime(seconds);  
		setInterval("leftTimer(2016,11,11,11,11,11)", 1000);  
		document.getElementById("timer").innerHTML = days + "天" + hours + "小时" + minutes + "分" + seconds + "秒";  
	}  
	function checkTime(i) { //将0-9的数字前面加上0,例1变为01		  
		if(i < 10)   {  
			i = "0" + i;  
		}  
		return i;  
	}
</script>

  建立效果:

0047f2b5bb3c6c7b051abf8a4c4391a0.gif


本文首次发布于开创者素材 ,转载请注明出处,谢谢合作!

相关文章推荐