如何用javascript实现一小时倒计时?

JavaScript03

如何用javascript实现一小时倒计时?,第1张

js代码:fun.js

var timmerID = null

function time() {

var time = document.getElementById("now")

var left = document.getElementById("left")

var t = time.value.split(":")

var hour = parseInt(t[0])

var min = parseInt(t[1])

min=min+1

if(min==60){

hour=hour+1

min=0

if(hour==24){

hour=0

}

}

time.value=hour+":"+min

left.value = left.value-1

if(left.value==0){

mystop()

alert("时间已到!")

}

}

function mystart() {

var left = document.getElementById("left")

left.value="40"

timmerID = window.setInterval("time()", 1000*60)

}

function mystop() {

window.clearInterval(timmerID)

}

html页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>time.html</title>

<script type="text/javascript" src="fun.js"></script>

</head>

<body>

时间起点:<input type="text" name="now" id="now" value="0:0"/><input type="button" value="开始" onclick="mystart()"><br>

剩余时间:<input type="text" name="left" id="left" value="40" disabled="disabled"/>分钟<br>

</body>

</html>

补充:这个javascript放在一个文件叫fun.js,在html页面中要引用此文件,如:<script type="text/javascript" src="fun.js"></script>,注意不要把路径弄错了,src后面的路径按照实际的来,如果两个文件在一个目录下,就是如上这样引用,当然也可以直接把全部的js内容放在html文件的头部,如:<script type="text/javascript">

<!--javascript代码-->

</script>

JS实现倒计时(时、分,秒)

var

interval

=

1000

function

ShowCountDown(year,month,day,divname)

{

var

now

=

new

Date()

var

endDate

=

new

Date(year,

month-1,

day)

var

leftTime=endDate.getTime()-now.getTime()

var

leftsecond

=

parseInt(leftTime/1000)

//var

day1=parseInt(leftsecond/(24*60*60*6))

var

day1=Math.floor(leftsecond/(60*60*24))

var

hour=Math.floor((leftsecond-day1*24*60*60)/3600)

var

minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60)

var

second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60)

var

cc

=

document.getElementById(divname)

cc.innerHTML

=

"脚本之家提示距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒"

}

window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1')},

interval)

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]