欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【JavaScript】倒计时

程序员文章站 2022-03-02 10:54:54
...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>倒计时</title>
<script>
	function countdowntime(x)
	{
		//指定日期
		document.write("指定时间为:"+x+"<br>");
		var settime = new Date(x);
		var now = new Date;//创建当前日期
		var countdown = settime-now;//计算日期毫秒差
		//显示倒计时
		//毫秒
		document.write("距离"+settime.getFullYear()+"年"+(settime.getMonth()+1)+"月"+settime.getDate()+"日 还有:");
		document.write("相差:"+countdown+"<br>");
		//秒
		document.write("距离"+settime.getFullYear()+"年"+(settime.getMonth()+1)+"月"+settime.getDate()+"日 还有:");
		document.write(parseInt(countdown/1000)+"秒<br>");
		//分钟
		document.write("距离"+settime.getFullYear()+"年"+(settime.getMonth()+1)+"月"+settime.getDate()+"日 还有:");
		document.write(parseInt(countdown/(1000*60))+"分钟<br>");
		//小时
		document.write("距离"+settime.getFullYear()+"年"+(settime.getMonth()+1)+"月"+settime.getDate()+"日 还有:");
		document.write(parseInt(countdown/(1000*60*60))+"小时<br>");
		//天
		document.write("距离"+settime.getFullYear()+"年"+(settime.getMonth()+1)+"月"+settime.getDate()+"日 还有:");
		document.write(parseInt(countdown/(1000*60*60*24))+"天<br>");
	}
	
</script>
</head>

<body>
	<form name="form">
		倒计时:<input type="datetime" name="now">
		<input type="submit" onClick="countdowntime(document.form.now.value)">
	</form>
</body>
</html>

上一篇: Boundary

下一篇: javascript倒计时