倒计时 插件
来源:互联网 发布:sql 唯一 distinct 编辑:程序博客网 时间:2024/05/22 13:58
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<body>
<div class="time">
<span id="t_d">14144天</span>
<span id="t_h">12时</span>
<span id="t_m">32分</span>
<span id="t_s">23秒</span>
</div>
<script>
function GetRTime(){
var EndTime= new Date('2055/11/29 00:00:00');
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=0;
var h=0;
var m=0;
var s=0;
if(t>=0){
d=Math.floor(t/1000/60/60/24);
h=Math.floor(t/1000/60/60%24);
m=Math.floor(t/1000/60%60);
s=Math.floor(t/1000%60);
}
document.getElementById("t_d").innerHTML = (d<10?"0"+d:d) + "天";
document.getElementById("t_h").innerHTML = (h<10?"0"+h:h) + "时";
document.getElementById("t_m").innerHTML = (m<10?"0"+m:m) + "分";
document.getElementById("t_s").innerHTML = (s<10?"0"+s:s) + "秒";
}
setInterval(GetRTime,0);
</script>
</body>
</html>
// page2时间
function GetRTime(){
// 1. 把系统时间转化为时间戳
var timestampNow = Date.parse(new Date()) / 1000;
// 2. 获得 2015-05-01 00:00:00
var timestampStart = Date.parse(new Date('2015-05-01 00:00:00')) / 1000;
// shengyuD = 725.4683
var shengyuD = (timestampNow - timestampStart) / 60 / 60 / 24;
// d = 725
var d = Math.floor(shengyuD);
// 可能等于 shengyuH = 0.4683 * 24
var shengyuH = (shengyuD - d) * 24;
var h = Math.floor(shengyuH);
var shengyuM = (shengyuH - h) * 60;
var m = Math.floor(shengyuM);
// var h = Math.floor(((timestampNow - timestampStart) - (d * 60 * 60 * 24)) / 60 / 60);
h=h<10?"0"+h:h;
m=m<10?"0"+m:m;
$('#day').text(d);
$('#hour').text(h);
$('#minute').text(m);
};
GetRTime();
setInterval(GetRTime, 10000);
</script>
效果:
第二种方法:
<script type="text/javascript">// page2时间
function GetRTime(){
// 1. 把系统时间转化为时间戳
var timestampNow = Date.parse(new Date()) / 1000;
// 2. 获得 2015-05-01 00:00:00
var timestampStart = Date.parse(new Date('2015-05-01 00:00:00')) / 1000;
// shengyuD = 725.4683
var shengyuD = (timestampNow - timestampStart) / 60 / 60 / 24;
// d = 725
var d = Math.floor(shengyuD);
// 可能等于 shengyuH = 0.4683 * 24
var shengyuH = (shengyuD - d) * 24;
var h = Math.floor(shengyuH);
var shengyuM = (shengyuH - h) * 60;
var m = Math.floor(shengyuM);
// var h = Math.floor(((timestampNow - timestampStart) - (d * 60 * 60 * 24)) / 60 / 60);
h=h<10?"0"+h:h;
m=m<10?"0"+m:m;
$('#day').text(d);
$('#hour').text(h);
$('#minute').text(m);
};
GetRTime();
setInterval(GetRTime, 10000);
</script>
效果:
14144天 12时 32分 04秒
0 0
- 倒计时插件
- 倒计时插件
- 倒计时 插件
- 倒计时插件
- 倒计时(Jquery插件)
- 倒计时timeCountDown插件使用
- JQ 倒计时插件
- jquery倒计时插件用法
- 倒计时 jquery.countdown插件
- androidone -小插件倒计时
- JQuery----倒计时插件downCount
- js倒计时小插件
- 自制倒计时插件
- JS 倒计时插件
- 时间倒计时插件
- JS 倒计时插件 demo
- jQuery 倒计时插件
- 60秒倒计时插件
- js内存泄漏常见的四种情况
- mysql优化技巧
- 使用REG注册表文件添加、修改或删除注册表键值和子项介绍
- 从零开始使用Maven(一)创建Maven项目
- 关于java native关键字的理解
- 倒计时 插件
- Maven配置环境变量出现的问题
- Linux学习笔记
- Java中的JSON数据绑定框架Jackson使用介绍
- Python科学计算包NumPy
- Set集合的实现
- Spark(二): 内存管理
- java选择排序
- adb常用命令总结