javascript学习笔记(四)倒计时程序代码
2023-06-13 09:14:27 时间
首先看全部完整代码:
countDowntest
html部分代码:
可在文本框中输入倒计时的时间,如果当前时间小于截止时间,则正常返回,反之,则返回距离截止日期到现在的时间
<p>
<labelfor="deadline">截止日期</label>
<inputtype="text"value="2011-06-11"id="deadline"/>
<inputtype="button"value="开始倒计时"onclick="window.setInterval("countDown(\"deadline\")",1000)"/>
</p>
<pid="showTime"></p>
javascript部分代码:
functioncountDown(endDate){
varnow=newDate();
vardeadtime=document.getElementById(endDate);
vardeadline=newDate(deadtime.value);
//本地时间与格林威治标准时间(GMT)的分钟差
vartimeDiff=now.getTimezoneOffset();
//此处有些不解,如果把分钟差转化成毫秒应该是timeDiff*60*1000,但是这样返回的数据不正确!
varleave=Math.abs(deadline.getTime()-now.getTime()+timeDiff*60);
varminute=1000*60;
varhour=minute*60;
varday=hour*24;
varcountDay=Math.floor(leave/day);
//varcountHour=Math.floor((leave-day*countDay)/hour);两种计算思路
varcountHour=Math.floor(leave/hour-countDay*24);
varcountMinute=Math.floor(leave/minute)-countDay*24*60-countHour*60;
varcountSecond=Math.floor(leave/1000)-countDay*24*60*60-countHour*60*60-countMinute*60;
varoutStr="";
if(deadline<now){
outStr="距离"+deadtime.value+"已有"+countDay+"天"+countHour+"小时"+countMinute+"分"+countSecond+"秒";
}else{
outStr="距离"+deadtime.value+"还差"+countDay+"天"+countHour+"小时"+countMinute+"分"+countSecond+"秒";
}
varshowTime=document.getElementById("showTime");
showTime.innerHTML=outStr;
}
相关文章
- JavaScript笔记(19)之JS执行机制
- JavaScript高级程序设计DOM学习笔记
- javascript权威指南学习笔记之变量作用域分享
- JavaScript高级程序设计阅读笔记(七)ECMAScript中的语句
- javascript学习笔记(五)Array数组类型介绍
- JavaScript高级程序设计(第3版)学习笔记6初识js对象
- JavaScript高级程序设计(第3版)学习笔记11内建js对象
- javascript学习笔记--数字格式类型
- Javascript学习笔记之函数篇(六):作用域与命名空间
- Javascript学习笔记之函数篇(一):函数声明和函数表达式
- Javascript学习笔记之函数篇(二):this的工作机制
- JavaScript中伪协议javascript:使用探讨
- JavaScript学习笔记之语句
- JavaScript学习笔记之基础语法