手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现倒计时(天数、时、分、秒)
JS实现倒计时(天数、时、分、秒)
摘要:本文实例为大家解析了JS实现倒计时的详细过程,供大家参考,具体内容如下注释:parseInt()函数可解析一个字符串,并返回一个整数。语法:...

本文实例为大家解析了JS实现倒计时的详细过程,供大家参考,具体内容如下

注释:

parseInt() 函数可解析一个字符串,并返回一个整数。

语法:

parseInt(string, radix)

JS实现倒计时(天数、时、分、秒)1

例:

parseInt("10"); //返回 10 parseInt("19",10); //返回 19 (10+9) parseInt("11",2); //返回 3 (2+1) parseInt("17",8); //返回 15 (8+7) parseInt("1f",16); //返回 31 (16+15) parseInt("010"); //未定:返回 10 或 8

实现倒计时代码

html代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>JS实现倒计时(天数,时,分,秒)</title> </head> <body onload="leftTimer()"> <h2>剩余时间:</h2> <div id="timer"></div> </body> </html>

javascript代码:

<script language="javascript" type="text/javascript"> function leftTimer(year,month,day,hour,minute,second){ var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数 var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数 var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时 var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟 var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数 days = checkTime(days); hours = checkTime(hours); minutes = checkTime(minutes); seconds = checkTime(seconds); setInterval("leftTimer(2016,11,11,11,11,11)",1000); document.getElementById("timer").innerHTML = days+"天" + hours+"小时" + minutes+"分"+seconds+"秒"; } function checkTime(i){ //将0-9的数字前面加上0,例1变为01 if(i<10) { i = "0" + i; } return i; } </script>

实现效果:

JS实现倒计时(天数、时、分、秒)2

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持查字典教程网。

【JS实现倒计时(天数、时、分、秒)】相关文章:

js实现字符串转日期格式的方法

JS实现1000以内被3或5整除的数字之和

JS实现两表格里数据来回转移的方法

jQuery实现转动随机数抽奖效果的方法

javascript实现模拟时钟的方法

nodejs实现获取某宝商品分类

JavaScript实现简单的数字倒计时

js实现发送验证码后的倒计时功能

Javascript实现飞动广告效果的方法

JavaScript实现身份证验证代码

精品推荐
分类导航