<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
<script type="text/javascript">
window.onload = function(){
function fnTimeGo(){
var oDiv = document.getElementsByTagName('div')[0];
var SNow = new Date();
//未来中秋时间
var sFuture = new Date(2019,8,12,24,0,0);
//距离未来时间剩余的秒
var sLeft = parseInt((sFuture - SNow)/1000);
//距离未来时间剩余的天
var iDay = parseInt(sLeft/86400);
//距离未来剩余的小时
var iHours = parseInt((sLeft%86400)/3600);
//距离未来时间剩余的分钟
var iMin = parseInt(((sLeft%86400)%3600)/60);
//距离未来剩余的秒数
var iSecond = ((sLeft%86400)%3600)%60;
var sTr = '2019年中秋还有:'+iDay+'天' + fnTodou(iHours)+'时'+fnTodou(iMin)+'分'+fnTodou(iSecond)+'秒';
oDiv.innerHTML = sTr;
}
//先行调用一次,解决1秒延迟问题
fnTimeGo();
//设置定时器,每隔1秒更新一次时间
setInterval(fnTimeGo,1000);
function fnTodou(i){
if(i<10){return '0'+i ;}
else return i ;
}
}
</script>
<style type="text/css">
div{
text-align: center;
font-size: 30px;
color: gold;
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
JavaScript实现 网页倒计时
最新推荐文章于 2022-07-08 19:42:38 发布