JS倒计时-毫秒
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js时分秒毫秒倒计时</title>
</head>
<body>
<div>
<span id="_d">00</span>
<span id="_h">00</span>
<span id="_m">00</span>
<span id="_s">00</span>
<span id="_ms">00</span>
</div>
<script type="text/javascript">
function countTime() {
var date = new Date();
var now = date.getTime();
var endDate = new Date("2018-8-20 18:28:00");//设置截止时间
var end = endDate.getTime();
var leftTime = end - now; //时间差
var d, h, m, s, ms;
var timer;
if(leftTime >= 0) {
d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
m = Math.floor(leftTime / 1000 / 60 % 60);
s = Math.floor(leftTime / 1000 % 60);
ms = Math.floor(leftTime % 10);
if(ms < 10) {
ms = "0" + ms;
}
if(s < 10) {
s = "0" + s;
}
if(m < 10) {
m = "0" + m;
}
if(h < 10) {
h = "0" + h;
}
//将倒计时赋值到div中
document.getElementById("_d").innerHTML = d + "天";
document.getElementById("_h").innerHTML = h + "时";
document.getElementById("_m").innerHTML = m + "分";
document.getElementById("_s").innerHTML = s + "秒";
document.getElementById("_ms").innerHTML = ms + "毫秒";
//递归每秒调用countTime方法,显示动态时间效果
timer = setTimeout(countTime, 50);
} else {
console.log('已截止')
document.getElementById("_d").innerHTML ="00天";
document.getElementById("_h").innerHTML ="00时";
document.getElementById("_m").innerHTML ="00分";
document.getElementById("_s").innerHTML ="00秒";
document.getElementById("_ms").innerHTML = "00毫秒";
}
}
countTime();
</script>
</body>
</html>
最新文章
- (RMQ版)LCA注意要点
- 实战MEF(5):导出元数据
- 【JSP手记】--jsp里面session.getAttribute(";&#215;&#215;&#215;";)在java中的表示
- myisam压缩(前缀压缩)索引
- String,StringBuffer与StringBuilder的区别??[转]
- 【云计算】mesos生态系统
- jQuery 中的事件绑定与取消绑定
- SSH WebShell: SSH在线WEB管理器安装教程 - VPS管理百科
- web 基础设置
- A Basic Course in Partial Differential Equations
- B类——Stas and the Queue at the Buffet
- C#中 == 与 Equals的简单理解
- 注解(annotation)
- unity 脚本说明
- 018 jquery中的事件
- Android学习笔记五:四大组件(转)
- MapReduce程序(一)——wordCount
- Python的第二次作业
- jstack,jmap,jstat分别的意义
- client、offset、scroll系列