javascript 学习笔记（四）倒计时程序代码

网络编程 2025/1/22 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

首先看全部完整代码：

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
html部分代码：
可在文本框中输入倒计时的时间，如果当前时间小于截止时间，则正常返回，反之，则返回距离截止日期到现在的时间
复制代码代码如下:
<p>
<label for="deadline">截止日期</label>
<input type="text" value="2011-06-11" id="deadline" />
<input type="button" value="开始倒计时" onclick="window.setInterval('countDown(\'deadline\')', 1000)" />
</p>
<p id="showTime"></p>

javascript部分代码：
复制代码代码如下:
function countDown(endDate) {
var now = new Date();
var deadtime = document.getElementById(endDate);
var deadline = new Date(deadtime.value);
//本地时间与格林威治标准时间 (GMT) 的分钟差
var timeDiff = now.getTimezoneOffset();
//此处有些不解，如果把分钟差转化成毫秒应该是timeDiff*60*1000，但是这样返回的数据不正确！
var leave = Math.abs(deadline.getTime() - now.getTime() + timeDiff*60);
var minute = 1000 * 60;
var hour = minute * 60;
var day = hour * 24;
var countDay = Math.floor(leave/day);
//var countHour = Math.floor((leave - day*countDay)/hour); 两种计算思路
var countHour = Math.floor(leave/hour - countDay*24);
var countMinute = Math.floor(leave/minute) - countDay*24*60 - countHour*60;
var countSecond = Math.floor(leave/1000) - countDay*24*60*60 - countHour*60*60 - countMinute*60;
var outStr = "";
if(deadline < now) {
outStr = "距离"+deadtime.value+"已有"+countDay+"天"+countHour+"小时"+countMinute+"分"+countSecond+"秒";
} else {
outStr = "距离"+deadtime.value+"还差"+countDay+"天"+countHour+"小时"+countMinute+"分"+countSecond+"秒";
}
var showTime = document.getElementById("showTime");
showTime.innerHTML = outStr;
}

倒计时程序

标签：

倒计时程序

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“javascript 学习笔记（四）倒计时程序代码”

暂无javascript 学习笔记（四）倒计时程序代码的评论...

更新日志

2025年01月22日

javascript 学习笔记（四）倒计时程序代码

倒计时程序

javascript学习笔记（五）正则表达式

javascript学习笔记（三）显示当时时间的代码

评论“javascript 学习笔记（四）倒计时程序代码”

更新日志

友情链接

javascript 学习笔记（四） 倒计时程序代码

倒计时程序

javascript学习笔记（五）正则表达式

javascript学习笔记（三）显示当时时间的代码

评论“javascript 学习笔记（四） 倒计时程序代码”

更新日志

友情链接

javascript 学习笔记（四）倒计时程序代码

评论“javascript 学习笔记（四）倒计时程序代码”