JS倒计时 代码

<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 = h;
document.getElementById('KSH').innerHTML = h;
document.getElementById('KSM').innerHTML = m;
document.getElementById('KSS').innerHTML = s;
});
</script>

  

JS倒计时 代码的更多相关文章

  1. JS倒计时代码

    第一种:精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center" ...

  2. js倒计时代码 适合于促销-倒计时代码

    <div class="tiem_price clearfix fonts" style="margin-top:15px;"> <div c ...

  3. JS倒计时网页自动跳转代码

    <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...

  4. 原生js 当前时间 倒计时代码

    源:https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> ...

  5. js倒计时-倒计输入的时间

    计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...

  6. js 倒计时(可自定义时间)

    <html> <head> <title>js 倒计时</title> </head> <body> <div> & ...

  7. 活动倒计时代码(精确到毫秒)jquery插件

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  8. js 倒计时 已过去时间

    页面中的代码: <strong id="timer" datatime="2012-12-09 10:20:30"></strong> ...

  9. js倒计时,秒倒计时,天倒计时

    按天倒计时 HTML代码1: <Script Language="JavaScript"> <!-- Begin var timedate= new Date(& ...

随机推荐

  1. Win7下Boost库的安装

    Boost库是C++领域公认的经过千锤百炼的知名C++类库,涉及编程中的方方面面,简单记录一下使用时的安装过程 1.boost库的下载 boost库官网主页:www.boost.org 2.安装 将下 ...

  2. 两个for循环例子

    var i,j; var a=0; // for(i=0,j=0;i<5,j<7;i++,j++){ // a=i+j; // } // alert(a) //12 for(i=0,j=0 ...

  3. MySQL - “Timeout error occurred trying to start MySQL Daemon”解决方法

    前几天,网站出现Many connections的问题,进入mysql,show full processlist发现有154个进程,晕....直接service mysqld restart 但是不 ...

  4. 斗地主你什么时候才会托管?(.NET中的托管于非托管)

    文章部分引自<.NET4.0面向对象编程漫谈(基础篇)>第1章.NET面向对象编程基础(作者:金旭亮) 无意间看到一位四五岁左右小朋友在玩斗地主,总开始到结束,她一直都在使用“提示”(托管 ...

  5. C#数据类型-string

    string是各种编程语言中最基础的数据类型,长期以来受尽其它类的压迫,经常被肢解(Substring.Split).蹂躏(Join)... 而现在C#数据类型string要“翻身闹革命”了,它几乎无 ...

  6. “\n”与“\r”的区别

    ASCII中“\n”代表着换行,“\r”代表着将光标移动到当前显示行的最左边.

  7. Controllers, Actions 和 Action Results

    Controllers, Actions 和 Action Results 原文:Controllers, Actions, and Action Results作者:Steve Smith翻译:姚阿 ...

  8. ios开发之C语言第3天

    变量的命名规则以及规范 变量的命名规则  1>变量名只能由任意的字母,下划线和$以及数字组成,注意不能用数字开头 2>区分大小写 3>变量一定要先定义再使用 4>同一个大括号中 ...

  9. uva_1422 Processor

    题目链接 题意: 有n个任务, 每个任务要在规定的时间[l, r]内完成, 工作量为 w, 每个任务可以分开完成. 求, 使得所有任务都完成的最大速度的最小值. 思路: 最大值最小问题, 二分. 因为 ...

  10. Android开源项目发现---Menu 篇(持续更新)

    1. MenuDrawer 滑出式菜单,通过拖动屏幕边缘滑出菜单,支持屏幕上下左右划出,支持当前View处于上下层,支持Windows边缘.ListView边缘.ViewPager变化划出菜单等. 项 ...