41 lines
749 B
HTML
41 lines
749 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>13-定时器案例</title>
|
|
</head>
|
|
<body>
|
|
|
|
<input type="button" onclick="on()" value="开灯">
|
|
<img id="myImage" border="0" src="../resource/off.gif" style="">
|
|
<input type="button" onclick="off()" value="关灯">
|
|
<input type="button" onclick="ontimer()" value="定时关开">
|
|
|
|
|
|
<script>
|
|
function on() {
|
|
document.getElementById('myImage').src = '../resource/on.gif';
|
|
|
|
}
|
|
|
|
function off() {
|
|
document.getElementById('myImage').src = '../resource/off.gif';
|
|
|
|
}
|
|
|
|
var x = 0;
|
|
setInterval(function () {
|
|
if (x % 2) {
|
|
on()
|
|
} else {
|
|
off()
|
|
}
|
|
x++;
|
|
}, 1000);
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html> |