模拟日历,每天打开这个页面都能定时显示年月日和星期几用JavaScript实现
时间: 2023-04-07 16:03:09 浏览: 303
可以使用JavaScript中的Date对象来实现模拟日历,具体代码如下:
```javascript
function displayDate() {
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth() + 1;
var day = today.getDate();
var week = today.getDay();
var weekArr = ["日", "一", "二", "三", "四", "五", "六"];
var weekStr = "星期" + weekArr[week];
var dateStr = year + "年" + month + "月" + day + "日 " + weekStr;
document.getElementById("date").innerHTML = dateStr;
}
setInterval(displayDate, 1000);
```
这段代码会每秒钟调用一次displayDate函数,更新页面上的日期和星期信息。其中,Date对象的getXXX方法可以获取当前的年、月、日、星期等信息,weekArr数组保存了星期几的中文表示。最后,将这些信息拼接成一个字符串,更新到页面上的指定元素中。
阅读全文