一个不错的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 24 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
javascript制作的网页侧边弹出框思路及实现代码
May 21 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
使用原生的javascript来实现轮播图
Feb 24 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
layui点击数据表格添加或删除一行的例子
Sep 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获取服务器信息的实现代码
2013/02/04 PHP
php使用wordwrap格式化文本段落的方法
2015/03/17 PHP
PHP实现动态web服务器方法
2015/07/29 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
2012/10/12 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
2015/07/29 Javascript
Node.js插件安装图文教程
2016/05/06 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
JS中的多态实例详解
2017/10/15 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
Python操作CouchDB数据库简单示例
2015/03/10 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
pytorch numpy list类型之间的相互转换实例
2019/08/18 Python
python创建子类的方法分析
2019/11/28 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
2014学年自我鉴定
2014/02/23 职场文书
学生党员检讨书范文
2014/12/27 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
Python学习之os包使用教程详解
2022/03/21 Python
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis