<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/style.css" media="all" type="text/css">
<script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var theDaysBox = $("#numdays");
var theHoursBox = $("#numhours");
var theMinsBox = $("#nummins");
var theSecsBox = $("#numsecs");
var refreshId = setInterval(function() {
var currentSeconds = theSecsBox.text();
var currentMins = theMinsBox.text();
var currentHours = theHoursBox.text();
var currentDays = theDaysBox.text();
if(currentSeconds == 0 && currentMins == 0 && currentHours == 0 && currentDays == 0) {
// if everything rusn out our timer is done!!
// do some exciting code in here when your countdown timer finishes
} else if(currentSeconds == 0 && currentMins == 0 && currentHours == 0) {
// if the seconds and minutes and hours run out we subtract 1 day
theDaysBox.html(currentDays-1);
theHoursBox.html("23");
theMinsBox.html("59");
theSecsBox.html("59");
} else if(currentSeconds == 0 && currentMins == 0) {
// if the seconds and minutes run out we need to subtract 1 hour
theHoursBox.html(currentHours-1);
theMinsBox.html("59");
theSecsBox.html("59");
} else if(currentSeconds == 0) {
// if the seconds run out we need to subtract 1 minute
theMinsBox.html(currentMins-1);
theSecsBox.html("59");
} else {
theSecsBox.html(currentSeconds-1);
}
}, 1000);
});
</script>
</head>
<body>
<div class="wrap">
<h1>某某某有限公司</h1>
<div class="main">
<h2>网站全面升级即将上线</h2>
<div class="banner">
<img src="images/banner.png" alt="" />
</div>
<div class="text">
<h3>我们的网站正在进行升级中……</h3>
<br/><br/>
<h3>为了提供更优质、稳定的用户体验、某某某有限公司网络平台正在技术升级改造,系统升级期间给您带来不便,敬请谅解!</h3>
<br/><br/>
<h3>销售热线:010-88888888</h3>
</div>
<div class="clear"></div>
<div class="content">
<div class="icons">
<p class="left">follow us:</p>
<ul class="left">
<li><a href="#"><img src="images/rss.png" alt="" /></a></li>
<li><a href="#"><img src="images/twt.png" alt="" /></a></li>
<li><a href="#"><img src="images/plus.png" alt="" /></a></li>
<li><a href="#"><img src="images/in.png" alt="" /></a></li>
<li><a href="#"><img src="images/fb.png" alt="" /></a></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>