js

最新推荐文章于 2021-11-08 14:08:20 发布

y1472001996

最新推荐文章于 2021-11-08 14:08:20 发布

阅读量245

点赞数

本文链接：https://blog.csdn.net/weixin_43027940/article/details/87309600

版权

实例

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
<title>Title</title>
</head>
<h2 id="dd"></h2>
<h2 id="hm"></h2>
<h2 id="s"></h2>
<script type="text/javascript">
    var now= new Date();
    var h = now.getHours();
    var str;

    if (h>=0 && h<=12){ str="上午好!欢迎来到贵美";
    } else if (h>12 && h<= 18){
        str="下午好!欢迎来到贵美";
    } else {
        str="晚上好!欢迎来到贵美";
    }

    var strDate="今天日期:"+now.getFullYear()+"年"+(now.getMonth( )+1)+"月"+now.getDate()+"日";
    var strTime="现在时间:"+now.getHours()+"点"+now.getMinutes( )+"分";
    document.getElementById("dd").innerHTML=strDate;
    document.getElementById("hm").innerHTML=strTime;
    document.getElementById("s").innerHTML=str;
</script>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
<title>title</title>
</head>
<body>
<div id="fruit"></div>
<script>
    var shuiguo=Array("apple","pear","peach","orange","banana");
    var index=Math.ceil(Math.random()*5)-1;
    document.getElementById("fruit").innerHTML="您得到的水果是："+shuiguo[index];
</script>
</body>
</html>

实例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        dl{
            display: block;
        }
    </style>
</head>
<body>
<script src="js/jQuery3.3.1.js"></script>
<script>
        $(function () {
            $("#img1").hide();
            $("#img2").click(function () {
                $("#img1").show();
            });
            $("#img1").click(function () {
                $("#img1").hide();
            });
        });
</script>
    <img src="images/baby_3.jpg" id="img1">
    <img src="images/baby_5.jpg" id="img2">
</body>
</html>