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>