一个不错的js html页面倒计时可精确到秒


Posted in Javascript onOctober 22, 2014

一个不错的js html页面倒计时可精确到秒,很简单,但和实用

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 

</head> 

<body> 

<DIV id="CountMsg" class="HotDate"> 
<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 type="text/javascript"> 
function getRTime(){ 
var EndTime= new Date('2014/10/23 10:00:00'); //截止时间 
var NowTime = new Date(); 
var t =EndTime.getTime() - NowTime.getTime(); 
/*var d=Math.floor(t/1000/60/60/24); 
t-=d*(1000*60*60*24); 
var h=Math.floor(t/1000/60/60); 
t-=h*60*60*1000; 
var m=Math.floor(t/1000/60); 
t-=m*60*1000; 
var s=Math.floor(t/1000);*/ 

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,1000); 
</script> 
</body> 
</html>
Javascript 相关文章推荐
Stop SQL Server
Jun 21 Javascript
javascript string字符串优化问题
Jul 31 Javascript
jquery改变tr背景色的示例代码
Dec 28 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
浅谈javascript中的call、apply、bind
Mar 06 Javascript
JS中对Cookie的操作详解
Aug 05 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
浅谈javascript错误处理
Aug 11 Javascript
Vue.js组件通信之自定义事件详解
Oct 19 Javascript
十分钟教你上手ES2020新特性
Feb 12 Javascript
js实现select跳转功能代码
Oct 22 #Javascript
Javascript原型链和原型的一个误区
Oct 22 #Javascript
Javascript this 关键字 详解
Oct 22 #Javascript
Javascript 构造函数详解
Oct 22 #Javascript
Javascript中Array.prototype.map()详解
Oct 22 #Javascript
javascript数组详解
Oct 22 #Javascript
Javascript 数组排序详解
Oct 22 #Javascript
You might like
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
php判断一个数组是否为有序的方法
2015/03/27 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
Docker 如何布置PHP开发环境
2016/06/21 PHP
PHP实现简单登录界面
2019/10/23 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
jquery实现select选中行、列合计示例
2014/04/25 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
纯js实现页面返回顶部的动画(超简单)
2017/08/10 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
vue实现五子棋游戏
2020/05/28 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
Python读取word文本操作详解
2018/01/22 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
python解释器安装教程的方法步骤
2020/07/02 Python
python爬取抖音视频的实例分析
2021/01/19 Python
精神文明单位申报材料
2014/05/02 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
解析Java中的static关键字
2021/06/14 Java/Android
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python