简单倒计时
2016-03-23 16:44
169 查看
原理:定的时间 -现在时间=时间差
讲时间差转换成时 分 秒 显示出来
每秒刷新一下
讲时间差转换成时 分 秒 显示出来
<!doctype html> <html> <head> <meta charset="utf-8"> <title>简单易用的倒计时js代码 - 网站源码</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text-align:center;} .time{ height:30px; padding:200px;} </style> </head> <body> <div class="time"> <span id="t_d">00天</span> <span id="t_h">00时</span> <span id="t_m">00分</span> <span id="t_s">00秒</span> </div> <script> function GetRTime(){ var EndTime= new Date('2019/06/20 00:00:00'); var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=Math.floor(t/1000%60); document.getElementById("t_d").innerHTML = d + "天"; document.getElementById("t_h").innerHTML = h + "时"; document.getElementById("t_m").innerHTML = m + "分"; document.getElementById("t_s").innerHTML = s + "秒"; } setInterval(GetRTime,0); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div> </body> </html>
每秒刷新一下
相关文章推荐
- 杂记1
- tomcat重启脚本
- WPF-支持异步操作的ObservableCollection-AsyncObservableCollection
- LM358使用注意事项
- 判断iphone手机的宏定义
- Shrio入门1:基础理论需求
- Android学习笔记(29):搜索框SearchView
- Keepalived+MySQL主主互备模式实现高可用
- vi显示行号的一点小技巧
- angular中的Controller使用注意点
- PHP输出Excel两种方法
- android进阶之旅,初级试水型探索(activity四种启动模式详解)
- consul系列一之基础
- Shell编程(八)---输入输出重定向、文件包含
- 简单拉普拉斯网格变形-Siggraph 2004
- 【原创】k8s源码分析------kube-apiserver分析(3)
- MiniProfiler 兼容 Entity Framework 6
- Android学习笔记(28):三种选择器DatePicker_TimePicker_NumberPicker
- Android 三大图片缓存原理、特性对比
- ListView相关属性