JS倒计时 代码
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倒计时 代码的更多相关文章
- JS倒计时代码
第一种:精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center" ...
- js倒计时代码 适合于促销-倒计时代码
<div class="tiem_price clearfix fonts" style="margin-top:15px;"> <div c ...
- JS倒计时网页自动跳转代码
<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...
- 原生js 当前时间 倒计时代码
源:https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> ...
- js倒计时-倒计输入的时间
计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...
- js 倒计时(可自定义时间)
<html> <head> <title>js 倒计时</title> </head> <body> <div> & ...
- 活动倒计时代码(精确到毫秒)jquery插件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- js 倒计时 已过去时间
页面中的代码: <strong id="timer" datatime="2012-12-09 10:20:30"></strong> ...
- js倒计时,秒倒计时,天倒计时
按天倒计时 HTML代码1: <Script Language="JavaScript"> <!-- Begin var timedate= new Date(& ...
随机推荐
- 01_JavaMail_03_邮件发送简单实例
[JavaMail中的核心类] 1.Session:类似Jdbc中的Connection的作用 2.MimeMessage:邮件信息类 3.Transport:发送器,用来发送邮件 [工程截图] [具 ...
- ASP.NET中的Request、Response、Server对象
Request对象 Response.Write(Request.ApplicationPath) //应用根路径 Request.AppRelativeCurrentExecutionFilePat ...
- Linux文件权限学习总结
一.用户对文件或目录都有哪些权限? 四种:读.写.执行.没有权限 二.如何表示这四种权限? 如果用十进制数字表示,分别为:4.2.1.0:如果用字符表示,分别为:r.w.x.-.个人觉得,使用chmo ...
- 用eclipse建立简单WebService客户端,使用WSDL,用于短信接口发送
使用工具:eclipse 标准版,不用任何插件. 操作步骤: 建立java Project 命名为mess: 再在project上右键,选择other,选择web service文件类别,选择web ...
- (转载)EhLib 在 Delphi 7 下的安装方法
EhLib 在 Delphi 7 下的安装方法 1.将 EhLib 解压到一个目录,如:E:\VCL\EhLib: 2.将 EhLib 安装目录下 Common 目录.DataService 目录下的 ...
- osg(OpenSceneGraph)学习笔记1:智能指针osg::ref_ptr<>
OSG的智能指针,osg::ref_ptr<> osg::Referenced类管理引用计数内存块,osg::ref_ptr需要使用以它为基类的其它类作为模板参数. osg::ref_pt ...
- VC菜菜鸟:建立第一个基于Visual C++的Windows窗口程序
建立第一个基于VisualC++的Windows窗口程序: 发表于:http://blog.csdn.net/it1988888/article/details/10306585 a)执行命令:新建 ...
- 有很多功能交给IIS实现就好了啊,之前干嘛要自己写?
比方说设置默认主页啊,错误页伪静态之类的
- 不用第三个变量,将a,b两个值互换,会出现什么样的异常?
1 相互加减 a = a + b; b = a - b; a = a - b; 但会出现异常 如果a+b超过a类型的范围,俗称溢出异常. 2 指针操作交换地址 3 异或操作 转自网络搜索的答案
- BZOJ 1690: [Usaco2007 Dec]奶牛的旅行
Description 作为对奶牛们辛勤工作的回报,Farmer John决定带她们去附近的大城市玩一天.旅行的前夜,奶牛们在兴奋地讨论如何最好地享受这难得的闲暇. 很幸运地,奶牛们找到了一张详细的城 ...