一个不错的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 相关文章推荐
十分钟打造AutoComplete自动完成效果代码
Dec 26 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
Jul 27 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
详解vue中组件参数
Jul 09 Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 Javascript
vue开发拖拽进度条滑动组件
Sep 21 Javascript
javascript自定义右键菜单插件
Dec 16 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中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
解析PHP缓存函数的使用说明
2013/05/10 PHP
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
PHP速成大法
2015/01/30 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
vue生命周期的探索
2019/04/03 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
Python3.9又更新了:dict内置新功能
2020/02/28 Python
PyQt5实现登录页面
2020/05/30 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
大学信息公开实施方案
2014/03/09 职场文书
学历证明样本
2015/06/16 职场文书
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers