写一个html代码,获取当前日期,并每隔一个星期换一个提示标语
时间: 2024-10-08 15:09:59 浏览: 27
网络星期一模板海报
要在HTML中获取当前日期并定期更换提示标语,你可以结合JavaScript编写一段动态更新的内容。这里有一个基本示例:
```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]; // 使用模运算保证循环替换
// 每7天改变一次
setTimeout(updatePrompt, 7 * 24 * 60 * 60 * 1000); // 设置7天后再次执行
}
window.onload = updatePrompt; // 页面加载完成后立即开始更新
</script>
</head>
<body>
<h1 id="prompt">默认标语...</h1>
</body>
</html>
```
在这个例子中,`updatePrompt`函数会获取当前日期,并根据星期从数组中选择相应的标语显示在页面上。`setTimeout`函数每过7天就会调用这个函数,实现标语的自动更替。
阅读全文