JS定时器实例代码

骑着蜗牛奔跑

于 2013-03-20 13:53:19 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： java JavaScript 文章标签： html javascript

本文链接：https://blog.youkuaiyun.com/xu_g_chao/article/details/8696127

java 同时被 2 个专栏收录

5 篇文章

订阅专栏

JavaScript

2 篇文章

订阅专栏

本文介绍了一个名为iRock的虚拟宠物石项目，该项目通过简单的HTML、CSS和JavaScript实现了与用户的互动。当用户点击页面上的石头图片时，石头会显示出高兴的表情，并通过弹窗感谢用户的关注。此外，页面加载时还会显示当前浏览器窗口的高度和宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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>