JS時間倒計時
2018-07-20 來源：open-open
<html>
<head>
<title>倒計時</title>
<!--以下為css樣式-->
<style type= "text/css">
.daojishi h2
{
font-family:Helvetica, Microsoft YaHei, Arial, sans-serif;
font-size:14px;
margin-bottom:5px;
color:#151515;
}
.daojishi #timer
{
font-family:Helvetica, Microsoft YaHei, Arial, sans-serif;
font-size:14px;
color:#151515;
font-weight:bold;
}
</style>
<script type = "text/javascript" src = "timer.js">
</script>
</head>
<body onload = "timer()">
<div class = "daojishi">
<h2>剩余時間為：</h2>
<div id = "timer">
</div>
</div>
</body>
</html>
function timer()
{
var ts = (new Date(2018, 11, 11, 9, 0, 0)) - (new Date());//計算剩余的毫秒數(shù)
var dd = parseInt(ts / 1000 / 60 / 60 / 24, 10);//計算剩余的天數(shù)
var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10);//計算剩余的小時數(shù)
var mm = parseInt(ts / 1000 / 60 % 60, 10);//計算剩余的分鐘數(shù)
var ss = parseInt(ts / 1000 % 60, 10);//計算剩余的秒數(shù)
dd = checkTime(dd);
hh = checkTime(hh);
mm = checkTime(mm);
ss = checkTime(ss);
document.getElementById("timer").innerHTML = dd + "天" + hh + "時" + mm + "分" + ss + "秒";
setInterval("timer()",1000);
}
function checkTime(i)
{
if (i < 10) {
i = "0" + i;
}
return i;
}
標簽：
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦