倒计时做法分析
所需要的数据目标时间,现在的时间,因系统初始时间为1970年,所以要获得的数据--1970年到目标时间的毫秒(ms)数减去 1970到现在时间 的毫秒(ms)。然后利用天,时,分,秒,毫秒之间的关系进行换算。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//设置倒计时函数
function show(){
var da=new Date() //获取现在的时间
var dad=new Date("2018-6-15 22:53:00") //设定的目标时间
var l= dad.getTime() // 获取目标时间的毫秒数
var r=da.getTime() //获取现在时间的毫秒数
t=l-r //距离目标的时间差
var ms = t % 1000 //取余得到毫秒
var t = (t-ms) /1000 //剩余的时间秒
var second = t % 60
var t = (t-second) / 60
var minute = t % 60
var t = (t-minute) / 60
var hour = t % 24
var t=(t-hour) / 24
var dy = t
//距离现在时间
var countdown ="距离现在还有" + dy + "天" + hour + "小时" + minute + "分钟" + second + "秒" + ms + "毫秒"
document.getElementById("nowDiv").innerHTML=countdown; //通过id进行获取数据
setTimeout("show()",1000)//设置刷新时间
}
</script>
</head>
<body onload="show()">//加载函数
<span id="nowDiv"></span>
</body>
</html>
倒计时.jpg
代码不足的地方请多多关照!
网友评论