<html>
<head>
<title>2011倒计时</title>
</head>
<body>
<script type="text/javascript">
window.onload = function(){
var curDate = new Date();//当前时间
var expireDate = new Date(2012,0,1);//到期时间
var milSecond = expireDate.getTime() - curDate.getTime();
var totalSeconds = removeDecimal(milSecond/1000);//剩余秒(应该用服务器时间替代)
timeGo(totalSeconds);
}
function timeGo(totalSeconds){
setInterval(function(){
totalSeconds--;
calculateTime(totalSeconds);
},1000);
}
function calculateTime(totalSeconds){
if (totalSeconds > 0) {
var leftDays = removeDecimal(totalSeconds/60/60/24);//剩余天数
var seconds = totalSeconds%(60*60*24);
var leftHours = removeDecimal(seconds/60/60);//剩余小时
var leftMinutes = removeDecimal(seconds/60%60);//剩余分
var leftSeconds = removeDecimal(seconds%60);//剩余秒
setLeftTime(leftDays,leftHours,leftMinutes,leftSeconds);
} else {
document.getElementById('countDown').innerHTML='Happy new year!';
}
}
function setLeftTime(leftDays,leftHours,leftMinutes,leftSeconds){
document.getElementById('leftDay').innerHTML=leftDays;
document.getElementById('leftHour').innerHTML=leftHours;
document.getElementById('leftMinute').innerHTML=leftMinutes;
document.getElementById('leftSecond').innerHTML=leftSeconds;
}
//去除小数
function removeDecimal(number){
return Math.floor(number);
}
</script>
<div id="countDown">
2011年倒计时:
<span id="leftDay" style="background:red"></span>天
<span id="leftHour"></span>小时
<span id="leftMinute"></span>分
<span id="leftSecond"></span>秒
</div>
</body>
</html>
分享到:
相关推荐
js倒计时功能
纯JS的倒计时跳转功能,可自由设计样式……
倒计时功能插件js
利用js实现倒计时的功能,在某个时间到达后会出现提示窗口
日常开发中,电商经常使用到抢购,不过当抢购的时候会用到倒计时
jquery JS 倒计时 可调节倒计时的时间,格式
javascript倒计时功能实现代码,需要的朋友可以参考下
利用js实现倒计时功能
vue混vue天时分秒倒计时效果 https://download.lllomh.com/cliect/#/product/F408496910757528
自己写了一个简单的flash倒计时功能,并提供了一个网页进行调用,在网页里设置简单的倒计时时间就可以使用了,做网站可能用得到
本文实例为大家分享了js倒计时的具体代码,主要使用了JS的Date对象和定时器setInterval,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <title> 倒计时 </title> <...
H5网页,实现一个页面多个倒计时功能,类似于淘宝或者京东页面活动倒计时功能秒杀商品
比较漂亮的一套js写的倒计时界面,带四种模式可切换
js 实现发送短信验证码后的倒计时功能 ajax前后端交互
用VBSCRIPT和JAVASCRIPT实现倒计时功能
就是js、实现一个倒计时功能 显示结果如下: 距离2013年1月1号还有:25天。 天数会变动
js实现短信发送倒计时功能(正则验证).docx
一款几行简单的js实现的倒计时功能.zip 一款几行简单的js实现的倒计时功能.zip 一款几行简单的js实现的倒计时功能.zip
利用jq实现倒计时功能,添加jquery.min.js js库的引用即可使用,代码有提示
该代码利用ASP.NET平台开发的一个js倒计时,功能已经设计成公用模块,在浏览器中不返回NAN的问题已经解决。