写了个超简单的 js 倒计时，使用了 jquery1.4.2 库，
程序就是1个 html ，可以直接执行，（需要联网，因为引用了在线 jquery 库）
倒计时程序：
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>倒计时 - js</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
// Interval 的 id，用于取消定时
var interId;
/**
* 根据毫秒数显示时间
* @param t 毫秒数
*/
function showTime(t) {
// 总秒数
var xt = parseInt(t/1000);
// 秒数
var remain_sec = xt % 60;
xt = parseInt(xt/60);
// 分数
var remain_minute = xt % 60;
xt = parseInt(xt/60);
// 小时数
var remain_hour = xt % 24;
xt = parseInt(xt/24);
// 天数
var remain_day = xt;
// 设置倒计时各字段的值
$('#secondSpanId').html(remain_sec);
$('#minuteSpanId').html(remain_minute);
$('#hourSpanId').html(remain_hour);
$('#daySpanId').html(remain_day);
}
/**
* 取消 倒计时
*/
function cancelCountdown() {
clearInterval(interId);
}
/**
* 倒计时
*/
function countdown() {
// 获得剩余时间
var t = $('#remainTime').val();
if(t <= 0) { // 已经到时间了，则停止倒计时
cancelCountdown();
return;
}
// 减 1 秒
t = t - 1000;
if(t <= 0) {
t = 0;
}
// 设置隐藏域的值
$('#remainTime').val(t);
// 显示倒计时时间
showTime(t);
}
// 倒计时入口函数
function gate(){
if ($('#remainTime') != null) { // 尚未结束
// 获得毫秒数
var millSec = $('#remainTime').val();
if(Number(millSec) && millSec >= 0) { // 输入合法
// 初始显示
showTime(millSec);
// 倒计时开始
interId = setInterval("countdown()",1000);
// 禁用 开始 按钮
$('#startButton').attr('disabled',true);
} else {
alert('毫秒数不合法');
}
}
}
</script>
</head>
<body>
输入毫秒数：<input type="text" name="remainTime" id="remainTime" />
<input type="button" id="startButton" value="开始倒计时" onclick="gate();" />
<input type="button" id="endButton" value="清除倒计时" onclick="cancelCountdown();$('#startButton').attr('disabled',false);" />
<br />
<div id="countdownDiv">
<span><span id="daySpanId"></span>天</span>
<span><span id="hourSpanId"></span>时</span>
<span><span id="minuteSpanId"></span>分</span>
<span><span id="secondSpanId"></span>秒</span>
</div>
</body>
</html>
功能很简单，算法也不精良，demo 而已。。。
分享到：
相关推荐
JS倒计时
javascript 倒计时 实例 css jquery 一个jquery倒计时程序。
js倒计时，能够获取服务器当前时间进行倒数计时
js 倒数计时器 counttimedown javascript 写的时间倒数计时器
javascript实现倒计时
闲着没事 发个倒计时代码 可以精确到毫秒的
js倒数计时器，代码注释详细，新手容易鉴别修改成为自己所需要的计时器，已封装函数样式写入，方便多次调用。
日常开发中，电商经常使用到抢购，不过当抢购的时候会用到倒计时
修改好的倒数定时器、有详细的注释、代码非常简单、javascript代码；倒数计时器有天、时、分、秒，本代码中屏蔽了天。
jquery JS 倒计时 可调节倒计时的时间，格式
js时分秒倒计时，某教育网站线上使用的同款js倒计时。
js倒计时，javascript代码编写
javascript 实现网页 倒计时 代码
* 倒计时类使用方式 hbj ************************************************** * 多个倒计时 * * new countdown().init('end_time',1); * * 第一个参数 id * * 第二个参数 * * 不填写 内容正数则加 负数则减 ...
纯js倒计时，外观简洁，实用，可以设定日期倒计时，代码量少
JS倒计时源码，倒计时有天、小时、分、秒，可根据需要进行调整
JS倒计时, 两个时间对比, 得到天+时+分+秒, 倒计时, ajax获取结束时间倒计时
等待下班js倒计时代码等待下班js倒计时代码等待下班js倒计时代码
js倒计时代码，挺简单的代码，新手可以参考一下
一款在倒计时结束后，报警提示铃声自动响起的js倒计时代码特效。