當前位置:名人名言大全網 - 短信平臺 - javascript倒計時代碼

javascript倒計時代碼

我給妳做了壹個,妳看行不行?

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>