一个不错的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控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
js实现微博发布小功能
Jan 12 Javascript
详解Node全局变量global模块
Sep 28 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 Javascript
Vue中 axios delete请求参数操作
Aug 25 Javascript
js实现右键弹出自定义菜单
Sep 08 Javascript
原生js实现购物车
Sep 23 Javascript
JS+CSS实现动态时钟
Feb 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
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
yii 2.0中表单小部件的使用方法示例
2017/05/23 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
php实例化一个类的具体方法
2019/09/19 PHP
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
2015/03/27 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
Bootstrap精简教程
2015/11/27 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
JavaScript实现的选择排序算法实例分析
2017/04/14 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
js中null与空字符串&quot;&quot;的区别讲解
2019/01/17 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
python安装与使用redis的方法
2016/04/19 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
Python socket模块方法实现详解
2019/11/05 Python
python logging.basicConfig不生效的原因及解决
2020/02/20 Python
香港化妆品经销商:我的公主
2016/08/05 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
会计自我鉴定范文
2013/10/06 职场文书
学生出入校管理制度
2014/01/16 职场文书
收入及婚姻状况证明
2014/11/20 职场文书
背起爸爸上学观后感
2015/06/08 职场文书
《比的意义》教学反思
2016/02/18 职场文书
Elasticsearch 基本查询和组合查询
2022/04/19 Python