JS倒计时 代码
来源:互联网 发布:福州大学至诚学院网络 编辑:程序博客网 时间:2024/05/17 03:41
<div>
<span id=
"KSD"
>3</span>天
<span id=
"KSH"
>12</span>小时
<span id=
"KSM"
>39</span>分钟
<span id=
"KSS"
>25</span>秒
</div>
<script type=
"text/javascript"
>
function
countDown(targetTime, callback) {
var
t_timestamp = Date.parse(targetTime);
var
s_timestamp =
new
Date();
c_timestamp = t_timestamp - s_timestamp;
// 倒计时间戳
if
(c_timestamp > 0) {
setTimeout(
function
callee() {
countdownTime(c_timestamp);
if
(c_timestamp > 0) {
c_timestamp -= 1000;
setTimeout(callee, 1000);
}
}, 1);
}
// 计算倒计时间(天,小时,分钟,秒),并传入回调函数,执行回调
function
countdownTime(c_timestamp) {
var
d, h, m, s;
c_timestamp = c_timestamp / 1000;
d = parseInt(c_timestamp / 3600 / 24, 10);
// 天数
h = parseInt(c_timestamp / 3600 % 24, 10);
// 小时
m = parseInt(c_timestamp % 3600 / 60, 10);
// 分钟
s = parseInt(c_timestamp % 3600 % 60, 10);
// 秒
if
(
typeof
callback ===
'function'
) {
callback(d, h, m, s);
}
}
};
var
targetTime =
'2013/11/12 00:00:00'
;
// 大于本地时间(假如本地时间为:2013/3/14 16:10:00)
countDown(targetTime,
function
(d, h, m, s) {
// 补零
for
(
var
i = 0, len = arguments.length; i < len; i++) {
if
(String(arguments[i]).length < 2) {
arguments[i] =
'0'
+ arguments[i];
}
}
// dom操作
document.getElementById(
'KSD'
).innerHTML = d;
document.getElementById(
'KSH'
).innerHTML = h;
document.getElementById(
'KSM'
).innerHTML = m;
document.getElementById(
'KSS'
).innerHTML = s;
});
</script>
0 0
- 有关倒计时JS代码
- JS倒计时代码
- JS倒计时代码
- js倒计时代码
- js倒计时代码
- JS倒计时代码
- JS倒计时代码
- JS 倒计时代码
- js倒计时代码
- JS倒计时代码
- js倒计时代码
- JS----倒计时代码
- JS倒计时代码
- JS倒计时代码
- JS倒计时代码
- 自动倒计时JS代码
- js倒计时代码
- js 倒计时代码
- 关注应用安全--反逆向实战
- shell脚本之比较文件大小
- C连接mysql——常用的函数
- Android睡眠唤醒机制--Kernel态
- java排序
- JS倒计时 代码
- Null pointer access: The variable condition can only be null at this location。
- ASI使用介绍(文件下载)
- java.lang.Runtime类总结
- 《数据结构与算法分析》第一章练习1.1
- C语言数据流&输入输出函数
- 模拟新浪微博随便看看
- 浏览器内核
- 在 Asp.NET MVC 中使用 SignalR 实现推送功能