当前位置：首页 > 资讯 > 技术文档

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

时间：2022-08-12 12:08 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS实现倒计时(天数、时、分、秒)

本文实例为大家解析了JS实现倒计时的详细过程，供大家参考，具体内容如下 [b]注释：[/b] parseInt() 函数可解析一个字符串，并返回一个整数。 [b]语法：[/b] parseInt(string, radix) [img]http://files.jb51.net/file_images/article/201611/20161116171601476.jpg?2016101617169[/img] 例：

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>

实现效果： [img]http://files.jb51.net/file_images/article/201611/20161116171521035.gif?20161016171531[/img] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：javascript秒数倒计时自动跳转代码
下一篇：js实现点击获取验证码倒计时效果

资讯排行榜
更多>>