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