您的位置:首页 > Web前端 > JavaScript

JS定时器实例代码

2013-03-20 13:53 162 查看
<html>
<head>
<title>iRock - The Virtual Pet Rock</title>

<script type="text/javascript">
var userName;

function greetUser() {
var h=document.body.clientHeight;
var w=document.body.clientWidth;
alert("当前浏览器窗口的高度是"+h+",宽度是"+w);
}

function touchRock() {
if (userName) {
alert("I like the attention, " + userName + ". Thank you.");
}
else {
userName = prompt("What is your name?", "Enter your name here.");
if (userName)
alert("It is good to meet you, " + userName + ".");
}
document.getElementById("rockImg").src = "rock_happy.png";
setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 1000);
}
</script>
</head>

<body onLoad="greetUser();">
<div style="margin-top:100px; text-align:center">
<img id="rockImg" src="rock.png" alt="iRock" style="cursor:pointer" onClick="touchRock();" />
</div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: