首页制作一个网页，实现页面打开时根据系统时间弹出窗口问安。早上7点-9点显示早安，中午11点-13点显示午安，晚上8点-10点显示晚安

制作一个网页，实现页面打开时根据系统时间弹出窗口问安。早上7点-9点显示早安，中午11点-13点显示午安，晚上8点-10点显示晚安

时间: 2024-03-07 09:49:15 浏览: 98

好的，这个问题我可以回答。要实现这个功能，需要使用JavaScript编写代码。具体实现步骤如下： 1. 在HTML文件中，先编写一个弹出窗口的div元素，设置其display属性为none，即默认不显示。 2. 在JavaScript中，编写函数来判断当前时间，根据时间来设置弹出窗口的内容，并显示弹出窗口。下面是示例代码： HTML文件： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>根据系统时间弹出问安窗口</title> <style type="text/css"> .popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: #fff; box-shadow: 0px 0px 10px #888; z-index: 9999; } </style> </head> <body> <div class="popup" id="popup"></div> <script src="popup.js"></script> </body> </html> ``` JavaScript文件： ``` // 获取弹出窗口的div元素 var popup = document.getElementById("popup"); // 获取当前时间 var now = new Date(); var hour = now.getHours(); // 根据时间设置问安内容 if (hour >= 7 && hour < 9) { popup.innerHTML = "早上好！"; } else if (hour >= 11 && hour < 13) { popup.innerHTML = "中午好！"; } else if (hour >= 20 && hour < 22) { popup.innerHTML = "晚上好！"; } // 显示弹出窗口 if (popup.innerHTML !== "") { popup.style.display = "block"; } ``` 这样，当页面加载时，就会根据当前时间弹出相应的问安窗口。

阅读全文