<!DOCTYPE html>
<html>
<body>
<img id="myimage" onclick="changeImage()" src="http://www.w3school.com.cn/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
<script>
var i;
i=0;
var j;
for (j = 0; j < 10; j++) {
changeImage();
}
function changeImage()
{
i=i+1;
element=document.getElementById('myimage')
if (element.src.match("bulbon") && i==2)
{
isleep(1000);
element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";
i=0;
alert("關燈");
}
if (element.src.match("bulboff") && i==2)
{
isleep(1000);
i=0;
element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";
alert("開燈");
}
}
function isleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
</script>
</body>
</html>
沒有留言:
張貼留言