<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
var h = 0.01;
var s = h*60*60;
function click() {
var sh = Math.floor(s/3600);
var sm = Math.floor(s%3600/60);
var ss = Math.floor(s%60);
s--;
var p = document.getElementById("nowTime");
p.innerText = to2(sh) + ":" + to2(sm) + ":" +to2(ss);
if (s===0) {
alert("結束");
clearInterval(st);
}
}
function to2(m) {
if (m<10) {
return "0" + m;
}
return m;
}
var st = setInterval(click,1000);
</script>
</body>
<h1 id="nowTime"></h1>
<script type="text/javascript">
printTime()
</script>
</html>
註釋:
-
getElementById:用id來獲取對象
-
setInterval: 按照指定的週期(按毫秒計),來調用函數或計算表達式
-
clearTimeout:在指定的毫秒數後面調用函數或計算表達式(執行一次)