JavaScript实现倒计时

小歘欻

于 2021-07-15 10:07:06 发布

阅读量118

点赞数

分类专栏： HTML 文章标签： javascript html js html5 css

本文链接：https://blog.csdn.net/qq_33840688/article/details/118753097

版权

HTML 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			window.onload = function(){
				var oDiv = document.getElementById('div1')
				
				
				function fTiming(){
					var nowTime = new Date()
					
					var futureTime = new Date(2021,8,29,0,0,0)
					var trueTime = parseInt((futureTime - nowTime)/1000)
					
					var tDay = parseInt(trueTime/86400)
					var tHour = parseInt((trueTime%86400) / 3600)
					var tMinute = parseInt(((trueTime % 86400) % 3600) / 60)
					var tSecond = trueTime % 60
					var str = '距离开学还有' + tDay + '天' + tHour + '时' + tMinute + '分' + tSecond +'秒'
					oDiv.innerHTML = str
				}
				
				setInterval(fTiming,1000)
				
			}
		</script>
		<style>
			#div1{
				margin: 0 auto;
				font-size: 30px;
				color: #00FFFF;
				height: 35px;
				width: 500px;
				text-align: center;
				line-height: 35px;
				border: 1px solid #006120;
				background-color: #00619F;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			
		</div>
	</body>
</html>

小歘欻

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现倒计时

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> window.onload = function(){ var oDiv = document.getElementById('div1') function fTiming(){ var nowTime.
复制链接

扫一扫

专栏目录