js倒计时
2016-03-23 10:16
453 查看
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> // endDate 结束时间 // startDate new Date() .getTime()转换为时间戳 // endDate - startDate // 天 /1000/60/60/24 // 时 /1000/60/60 - 天 // 分 /1000/60 -天 -时 // 秒 /1000 -天 -时 -分 // innerHtml console.log() function clock(endDate) { // 把传入的时间,转换为格林威治格式 var _endDate = new Date(endDate); // 获取当前时间 var _startDate = new Date(); // 开始时间距离结束时间的时间差(时间戳格式) var ts = _endDate.getTime() - _startDate.getTime(); if (ts <= 0) { alert('开抢啦!'); clearInterval(int); } else { // 根据时间戳来获取天、时、分、秒 var day = Math.floor(ts / 1000 / 60 / 60 / 24); var hour = Math.floor((ts - day * 1000 * 60 * 60 * 24) / 1000 / 60 / 60); var minute = Math.floor((ts - day * 1000 * 60 * 60 * 24 - hour * 1000 * 60 * 60) / 1000 / 60); var second = Math.floor((ts - day * 1000 * 60 * 60 * 24 - hour * 1000 * 60 * 60 - minute * 1000 * 60) / 1000); console.log(day + '天' + hour + '时' + minute + '分' + second + '秒'); } } var int = setInterval(function () { clock('2016-03-23 09:53:00'); }, 1000) </script> </body> </html>
相关文章推荐
- JS解析json
- js获取url参数的方法
- 用Javascript取float型小数点
- 高性能JavaScript之重绘与重排
- 高性能JavaScript之DOM编程
- JSON.parse()和JSON.stringify()
- HTML 5 使用 JavaScript 来存储和访问数据(localStorage,sessionStorage)
- JS操作JSON总结
- cjson使用教程
- 简单封装get和jsonp
- JsonUtil
- JS出现illegal character非法字符提示
- html5shiv.js-让IE浏览器支持HTML5标准
- js遍历数组和数组对象
- C#使用LitJson解析JSON
- 对JavaScript对象的属性进行迭代
- composer和composer.json详解
- JS获取浏览器可视区域的大小
- 20款有用的JavaScript和CSS库
- 一道javascript面试题