网页短时间维护倒计时代码,JS代码库,德仔网

代码语言

代码分类

【JS】网页短时间维护倒计时

作者:Dezai.CN / 发布于2013/6/27/ 675


	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>网页短时间维护倒计时js代码 -/title>
	<style>
	html{*overflow:auto;_overflow-x:hidden;-webkit-text-size-adjust:none;height:100%;
	background:#80CBF3}
	body{margin:0; height:100%;
	font-family:"Microsoft YaHei",tahoma,arial,simsun;}
	p,h1,h2,h3,h4{ margin-top:0; margin-bottom:0;}
	.main{ width:850px; margin:0 auto;}
	.container{ padding-left:390px; padding-top:180px;}
	h1{ font-size:42px;}
	h2{ font-size:22px; font-weight:100; margin-top:2px; margin-bottom:2px;}
	h3{ font-size:26px; color:#2F2D2E;}
	.Countdown{ padding-top: 30px; font-size:30px; font-family: tahoma,arial,simsun; color: #4A4A4A;}
	.Countdown span{ display:inline-block;*display:inline;*zoom:1; width:55px;line-height:55px;text-align:center; background-color:#fff; margin-left:2px;}
	.Countdown .bd{ width:16px; background-image:none;}
	:root .Countdown span{}
	</style>
	
	</head>

	<body>
	<div class="main">
	<div class="container">
	 <div class="content">
	 <h1>懒人建站正在维护中...</h1>
	 <h2>将给您带来全新的体验</h2>
	 <h3>敬请期待</h3>
	 </div>
	 <div class="Countdown" id="time">
	 <span id="m"></span><span class="bd">:</span><span id="s"></span>
	 </div>
	 </div>
	</div>
	<script>
	var m = 10;//传个分钟数到这里 前段路上制作 http://www.51xuediannao.com/qd63/
	var s = 60;
	function showtime(){
	document.getElementById('m').innerHTML = m;
	document.getElementById('s').innerHTML = s;
	s = s-1;
	if(s==0){
	 m = m -1;
	 s = 60
	}
	if(m==0){
	 window.location='http://www.dezai.cn';//倒计时结束跳转到
	}
	}
	clearInterval(settime);
	var settime = setInterval(function(){
	showtime();
	},1000);
	</script>
	
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　倒计时　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)