一个不错的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 相关文章推荐
js图片延迟技术一般的思路与示例
Mar 20 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
jquery预加载图片的方法
May 27 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
Node.js中流(stream)的使用方法示例
Jul 16 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
Vue动态获取width的方法
Aug 22 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 Javascript
d3.js实现图形缩放平移
Dec 19 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往windows中添加用户
2006/12/06 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
PHP概率计算函数汇总
2015/09/13 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
php防止表单重复提交实例讲解
2019/02/11 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
javascript 面向对象编程基础:继承
2009/08/21 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
Python判断中文字符串是否相等的实例
2018/07/06 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
使用HTML5做个画图板的方法介绍
2013/05/03 HTML / CSS
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
Ajxa常见问题都有哪些
2014/03/26 面试题
离婚代理词范文
2015/05/23 职场文书
教师节班会开场白
2015/06/01 职场文书
于丹论语心得观后感
2015/06/15 职场文书
大学班干部竞选稿
2015/11/20 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
SQL Server中使用表变量和临时表
2022/05/20 SQL Server