首页以上代码改为每30秒更新一次标语

以上代码改为每30秒更新一次标语

时间: 2024-10-08 08:10:38 浏览: 36

如果你想让HTML页面上的标语每30秒更新一次，可以将`setTimeout`函数的时间间隔改为30秒。这里是修改后的代码： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>动态日期和标语</title> <style> #prompt { display: none; /* 初始隐藏 */ } </style> <script> function updatePrompt() { // 获取当前日期 var today = new Date(); var weekDay = today.getDay(); // 获取星期几，0表示周日 var prompts = [ "欢迎来到我们的网站!", "新的一周，加油哦!", "让我们一起开启新的篇章!", /* 添加更多标语 */ ]; // 根据星期切换标语 document.getElementById("prompt").innerText = prompts[weekDay % prompts.length]; // 使用模运算保证循环替换 // 每30秒改变一次 setTimeout(updatePrompt, 30000); // 将时间间隔设为30秒 (30000毫秒) } window.onload = updatePrompt; // 页面加载完成后立即开始更新 </script> </head> <body> <h1 id="prompt">默认标语...</h1> </body> </html> ``` 现在，标语会在30秒后自动刷新。

阅读全文