考试结束倒计时

最新推荐文章于 2024-09-23 15:22:36 发布

白夕夜

最新推荐文章于 2024-09-23 15:22:36 发布

阅读量97

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/Bxyhya/article/details/120280591

版权

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="time"></div>
		
		<style type="text/css">
			#time{
				height: 100px;
				background: url(img/jz3.gif) no-repeat;
				padding: 20px 126px;
				color: #0000FF;
				font-size: 28px;
			}
		</style>
		
		<script>
			var time = document.getElementById('time');
			var ks = new Date();
			var msks = ks.getTime();
			var js = msks+3*60*1000;
			function jsover()
			{ 
				var now = new Date().getTime();
				var syfz = Math.floor((js-now)/(1000*60));
				var sym = Math.floor((js-now-syfz*1000*60)/1000);
				if(syfz<2){
					time.style.background="url(img/jz1.gif)no-repeat";
				}
				if(syfz<1){
					time.style.background="url(img/jz2.gif)no-repeat";
				}
				if(syfz<0){
					time.innerHTML="";
					clearInterval(timeID);
				}
				else{
					time.innerHTML="离考试结束还剩"+syfz+"分"+sym+"秒";
				}
			}
			timeID= setInterval("jsover()",1000);
			
			
			
		</script>
		
		
		
		
		
		
	</body>
</html>