码迷,mamicode.com
首页 > 其他好文 > 详细

倒计时

时间:2017-05-13 19:09:20      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:date()   console   cloc   time   java   size   定时器   func   rip   

<script type="text/javascript">
window.onload = function(){
var demo = document.getElementById("demo");
//将来的时间
var endTime = new Date("2020/4/30 15:30");

//使用定时器函数
setInterval(clock,1000);
function clock(){

//获取到现在时间距离1970年的秒数
var nowTime = new Date();
// console.log(nowTime);

//用将来时间的秒数-现在时间的秒数=时间差值
var second = parseInt((endTime.getTime()-nowTime.getTime())/1000);
// console.log(second)

//得到天 时 分 秒
var d = parseInt(second / 3600 / 24); // 得到天数
var h = parseInt(second / 3600 % 24); //得到小时
var m = parseInt(second / 60 % 60); // 得到分钟数
var s = parseInt(second %60); //得到秒数

//如果是一个数字时候,前面加0
d<10? d = "0"+d : d;
h<10? h = "0"+h : h;
m<10? m = "0"+m : m;
s<10? s = "0"+s : s;
demo.innerHTML = "距离抢购时间还有"+d+"天"+h+"时"+m+"分"+s+"秒"

}

}

</script>
<style type="text/css">
body{
font-size: 30px;
text-align: center;
color: red;

}

</style>

<body>
<div id="demo"></div>

</body>

倒计时

标签:date()   console   cloc   time   java   size   定时器   func   rip   

原文地址:http://www.cnblogs.com/zhaocong/p/6849750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!