<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function showTime() {
var c = document.getElementById("clock");
var nowTime = new Date();
c.innerHTML = "當前時間" + nowTime.toLocaleTimeString();
}
var Clock = new(function() {
var intervalid = 0;
this.startClock = function() {
intervalid = setInterval("showTime()", 50);
}
this.endClock = function() {
clearInterval(intervalid);
}
});
function stopClock() {
Clock.endClock();
}
function startClock() {
Clock.startClock();
}
</script>
</head>
<body>
<div>
<input type="button" value="顯示時間" onclick="startClock()" />
<input type="button" value="停止時鐘" onclick="stopClock()" />
<span id="clock"></span>
</div>
</body>
</html>
。。。。。。。。。。。。。。。。。。。。。。。
本案例定义静态对象Clock用于控制数字时钟，Clock中的startClock()方法用于显示时钟。stopClock用于暂停时钟，