<script>
(function () {

var tian = document.getElementsByClassName('JS-tian')[0];
var shi = document.getElementsByClassName('JS-shi')[0];
var fen = document.getElementsByClassName('JS-fen')[0];
var miao = document.getElementsByClassName('JS-miao')[0];

var endTime = new Date('2117/07/12 23:59:59').getTime() + 1000;

var interval = null;
interval = setInterval(function () {
var syhm = endTime - Date.now(); // 剩余毫秒
if (syhm >= 0) {
tian.innerText = Math.floor(syhm / 1000 / 60 / 60 / 24);
shi.innerText = Math.floor(syhm / 1000 / 60 / 60 % 24);
fen.innerText = Math.floor(syhm / 1000 / 60 % 60);
miao.innerText = Math.floor(syhm / 1000 % 60);
} else {
clearInterval(interval);
}
}, 0);

})();
</script>
 
 
htmlDemo:
 
<div>
距结束还剩:<span class="JS-tian"></span>天<span class="JS-shi"></span>时<span class="JS-fen"></span>分<span class="JS-miao"></span>秒
</div>

最新文章

  1. 创建html元素
  2. 在指定控件位置弹出popup window
  3. [百科] - CreatePen()
  4. mybatis 聚合查询
  5. 一、Microsoft Dynamics CRM 4.0 SDK概述
  6. ThinkPHP3.1快速入门(3)查询语言
  7. linux shell 终端中文乱码(转)
  8. 初始seajs
  9. Java线程学习笔记(一个)
  10. C++数据结构之map----第一篇
  11. Hibernate--使用xml配置映射关系
  12. 阿里云API网关(3)快速入门(调用 API)
  13. 【BZOJ1814】Ural 1519 Formula 1 (插头dp)
  14. DL中epoch、batch等的意义【转载】
  15. file 文件处理
  16. CSS2.0中最常用的18条技巧
  17. PHP 官方发行版扩展下载地址
  18. HTML5——前端预处理技术(Less、Sass、CoffeeScript)
  19. datatables 相关文章
  20. App.CSharp.Grid的ICells接口

热门文章

  1. 微信小程序开发 -- 01
  2. Qt自定义标签按钮
  3. android6.0搜索蓝牙无法显示问题解决
  4. [0] C# 扩展方法(Extension Method)
  5. 前台跨站点获取session
  6. 关于EasyUI中的Tree
  7. R语言重要数据集分析研究——搞清数据的由来
  8. Ubuntu下安装并配置VS Code编译C++
  9. 关于Iscroll.js 的滑动和Angular.js路由冲突问题
  10. 简单轻量级的一套JS 类库(RapidDevelopmentFramework.JS)