jQuery第二章课后作业

3.模拟计算机病毒效果,当打开一个页面时,会不停的弹出窗口。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>病毒网页</title>
</head>
<body>
   <img src="images/viruse.jpg"/>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时函数</title>
</head>
<body onload="a()">
    <script type="text/javascript">
        function a() {
          var open =  window.open("bingdu.html", 'newa', "height=300, width=280, top=10, left=20,")
              open.window.open("bingdu.html", 'newb', "height=300, width=280, top=30, left=40,")
              open.window.open("bingdu.html", 'newc', "height=300, width=280, top=50, left=60,")
              open.window.open("bingdu.html", 'newd', "height=300, width=280, top=70, left=80,")
              open.window.open("bingdu.html", 'newe', "height=300, width=280, top=90, left=100,")
              open.window.open("bingdu.html", 'newf', "height=300, width=280, top=110, left=120,")
              open.window.open("bingdu.html", 'newg', "height=300, width=280, top=130, left=140,")
              open.window.open("bingdu.html", 'newh', "height=300, width=280, top=150, left=160,")
            setInterval("a()",5000)
        }
    </script>
    <a href="index.html " target="_self" ><img src="images/webPic.jpg" onclick="a()"/></a>
</body>
</html>
4.根据Date()对象获取当前的日期和时间,根据不同时间显示不同的问候语。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>根据时间显示问候语</title>
</head>
   <p><span>今天日期:</span><span id="1"></span></p>
   <p><span>今天时间:</span><span id="2"></span></p>
   <p><span id="3"></span></p>
<body>
      <script type="text/javascript">
          function f() {
              var today = new Date() //获得当前时间
              var year = today.getFullYear()//年份
              var  month = today.getMonth()+1//月份
              var day = today.getDate()//月份的某一天
              var hh = today.getHours();//获得小时
              var mm = today.getMinutes();//获得分钟
              var ss = today.getSeconds();//获得秒
              var day1 = today.getDay()//周末

              if(hh<=12){
                  str="上午好!欢迎来到贵美";
              }else if(hh>12 && hh<18){
                  str="下午好!欢迎来到贵美";
              }else {
                  str="晚上好!";
              }
              document.getElementById(1).innerHTML=year+"年"+month+"月"+day+"日"
              document.getElementById(2).innerHTML=hh+"时"+mm+"分"+ss+"秒"+"\t星期:"+day1
              document.getElementById(3).innerHTML=str
          }
          setInterval('f()',1000)
      </script>
</body>
</html>


5.模拟随机发放水果功能,水果品种固定,每次发放一种。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机发放水果</title>
    <script>
        function b(){
            var str = new Array("苹果", "芒果", "橘子", "菠萝", "葡萄","荔枝","香蕉","龙眼","黄桃","火龙果")
            var shuzi = Math.floor(Math.random()*10);
            document.getElementById("a").innerHTML= str[shuzi]
        }
    </script>
</head>
<body>
   <input type="submit" value="随机按钮" onclick="b()">
   <span>您得到的水果是:</span>
   <span id="a">香瓜</span>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/gz98411/article/details/81013573