设计网页,实现功能。。。。。。

 

写一个一秒中的定时器,实现即可,下面是代码

<html>

<head>
    <script>
        setInterval(function () {
            var tip = "";
            var date = new Date();
            var hour = date.getHours();
            if (hour >= 23 || hour < 5) {
                tip = "深夜了,注意身体,该休息了!";
            } else if (5 <= hour && hour < 7) {
                tip = "早晨好,这么早就上网呀!";
            } else if (7 <= hour && hour < 12) {
                tip = "上午好!";
            } else if (12 <= hour && hour < 13) {
                tip = "该吃饭了!";
            } else if (13 <= hour && hour < 17) {
                tip = "下午好!";
            } else if (17 <= hour && hour < 19) {
                tip = "太阳落山了!快看看夕阳吧";
            } else if (19 <= hour && hour < 23) {
                tip = "一天过得可真快";
            }
            document.getElementById("time").innerText = new Date().toLocaleString() + " \r\n提示:" + tip;
        }, 1000);
    </script>

</head>

<body>
    <div id="time"></div>
</body>

</html>