您的位置：首页 > Web前端 > JavaScript

js时分秒倒计时

2016-09-20 17:59 369 查看

<html>
<head>
<title>时分秒倒计时</title>
<script type="text/javascript">

var currentDate;//当前时间
var endtime;//结束时间
var days;
var ms;//精确到秒

function timer(obj) {
h = Math.floor(ms / 60 / 60);
m = Math.floor((ms - h * 60 * 60) / 60);
s = Math.floor((ms - h * 60 * 60 - m * 60));
d = parseInt(h / 24);

h = prefix(h, 2);
m = prefix(m, 2);
s = prefix(s, 2)

var time_val = "";
switch (obj) {
case 1://模式一：00:00:00 时分秒
time_val = h + ":" + m + ":" + s;
break;
case 2://模式二：00:00 分秒
time_val = m + ":" + s;
break;
}
document.getElementById("timer").innerHTML = time_val;

ms--;
if ((ms) < 0) {
document.getElementById("timer").innerHTML = "已过期";
}

}

function getQrcode() {
currentDate = new Date();//当前时间
endtime = new Date(currentDate.getTime() + (1000 * 60 * 1));//结束时间
days = endtime - currentDate;
ms = parseInt(days / 1000);//精确到秒}
}

function reload() {
location = location;
}

//num传入的数字，n需要的字符长度
function prefix(num, n) {
var len = num.toString().length;
while (len < n) {
num = "0" + num;
len++;
}
return num;
}

window.onload = function () {
getQrcode();
setInterval("timer(2)", 1000);
}
</script>
</head>
<body>
<script>document.write(new Date().getTime());</script>
<br />
<a href="javascript:void();" onclick="reload()">刷新</a>
<div id="timer"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航