第二章 JavaScript操作BOM对象

1,模拟计算机病毒
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模拟计算机病毒</title>
</head>
<body>
<div>
<img src="images/webPic.jpg">
</div>
<script>
   function dd(){
       window.open("zuoye(1).html","_blank","width=200px,height=200px")
   }
   setInterval("dd()",500)
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img src="images/viruse.jpg">
</body>
</html>
2,模拟时钟
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>时钟</title>
    <style>
        div{
            background: url("images/true.jpg")610px 0 no-repeat;
            background-size:300px;
            font-family: 华文隶书;
        }
    </style>
</head>
<body>
<div id="ws"style="text-align: center;font-size: 20px;text-shadow: gainsboro 2px 2px 2px;"></div>
<script>
    setInterval(function () {
        var is;
        var today = new Date();
        var yy = today.getFullYear();
        var mm = today.getMonth();
        var dd = today.getDate();
        var hh = today.getHours();
        var ii = today.getMinutes();
        var ss = today.getSeconds();
        if (hh >= 6 && hh <= 12) {
            is = "上午好!欢迎来到贵美"
        } else if (hh > 12 && hh <= 18) {
            is = "下午好!欢迎来到贵美"
        } else {
            is = "晚上好!欢迎来到贵美"
        }
        if(hh<10){
            hh="0"+hh;
        }
        if(ii<10){
            ii="0"+ii;
        }
        if(ss<10){
            ss="0"+ss;
        }
        var str="今天日期:"+yy+"年"+(mm+1)+"月"+dd+"日<br>现在时间:"+hh+"点"+ii+"分"+ss+"秒<br>"+is;
        document.getElementById("ws").innerHTML=str;
    },1000)
</script>
</body>
</html>
3,模拟随机水果机
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水果机</title>
</head>
<body>
<h2>您得到的水果是:</h2><span id="p"></span>
<input type="button" value="点击获得水果" onclick="add()">
<script>
    function add() {
        var fruit=new Array("苹果","香蕉","西瓜","荔枝","橘子","番茄","葡萄","杨梅","香瓜","红薯");
        var rom=Math.ceil(Math.random()*10)-1;
        document.getElementById("p").innerHTML=fruit[rom];
    }
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/jiangmye/article/details/81011574