求高手 给个JS代码 倒计时为 【天时分】的JS
发布网友
发布时间:2022-05-09 18:49
我来回答
共2个回答
懂视网
时间:2022-05-16 11:54
本文实例为大家解析了JS实现倒计时的详细过程,供大家参考,具体内容如下
注释:
parseInt() 函数可解析一个字符串,并返回一个整数。
语法:
parseInt(string, radix)
例:
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>
实现效果:
热心网友
时间:2022-05-16 09:02
复制别人的,不好意思,稍微修改了一下,多加了注释
<html>
<body>
离2012年还有<b id="show"></b>
<script LANGUAGE="javascript">
startclock();
var timerID = null;
var timerRunning = false;
function showtime() { //倒计时主体部分
Today = new Date();//以下为提取时间
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowMonth = Today.getMonth();
var NowDate = Today.getDate();
var NowYear = Today.getYear();
var NowSecond = Today.getSeconds();
if (NowYear <2000)
NowYear=1900+NowYear;
Today = null;
Hourleft = 23 - NowHour //计算剩余小时数
Minuteleft = 59 - NowMinute //计算剩余分钟数
Secondleft = 59 - NowSecond //计算剩余秒数
Yearleft = 2011 - NowYear //计算剩余年数
Monthleft = 12 - NowMonth - 1//计算剩余月数
Dateleft = 31 - NowDate //计算剩余天数
/**
* 上述赋值,表示的就是距离2012年1月1日0点0分0秒的剩余时间数,修改此赋值公式即可得到新的剩余时间
* 例如,距离2012年1月10日0点0分0秒?我将23,59,59,2011,12,31修改为23,59,59,2012,1,9;
* 修改此项的时候,不要忘记修改html文本中的“离2012年还有”;
*/
if (Secondleft<0)
{
Secondleft=60+Secondleft;
Minuteleft=Minuteleft-1;
}
if (Minuteleft<0)
{
Minuteleft=60+Minuteleft;
Hourleft=Hourleft-1;
}
if (Hourleft<0)
{
Hourleft=24+Hourleft;
Dateleft=Dateleft-1;
}
if (Dateleft<0)
{
Dateleft=31+Dateleft;
Monthleft=Monthleft-1;
}
if (Monthleft<0)
{
Monthleft=12+Monthleft;
Yearleft=Yearleft-1;
}
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒'
/**你的要求中显示的是天时分,那么你可以在此处将你不需要显示的变量在Temp的赋值中删去**/
document.getElementById('show').innerHTML = Temp;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () { //从这里开始执行;并且调用其他两个方法开始倒计时工作
stopclock();
showtime();
}
// -->
</script>
</body>
</html>