首页js在网页上显示当前日期(x年x月x日)、时间(x点x分x秒)、星期(星期x)

js在网页上显示当前日期(x年x月x日)、时间(x点x分x秒)、星期(星期x)

时间: 2024-04-11 15:08:25 浏览: 129

可以使用 JavaScript 中的 Date 对象来获取当前日期、时间以及星期。下面是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>显示当前日期、时间、星期</title> <meta charset="utf-8"> <script> function showDateTime() { var date = new Date(); // 获取当前时间 // 显示日期 var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var dateStr = year + '年' + month + '月' + day + '日'; // 显示时间 var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var timeStr = hour + '点' + minute + '分' + second + '秒'; // 显示星期 var weekArr = ['日', '一', '二', '三', '四', '五', '六']; var week = '星期' + weekArr[date.getDay()]; // 显示在页面上 document.getElementById('datetime').innerHTML = dateStr + ' ' + timeStr + ' ' + week; } window.onload = function() { setInterval(showDateTime, 1000); // 每秒更新一次时间 } </script> </head> <body> <div id="datetime"></div> </body> </html> ``` 在上面的代码中，我们定义了一个 `showDateTime` 函数，用于获取当前时间并将其显示在页面上。函数中，我们首先通过 `new Date()` 获取当前时间，然后分别获取年、月、日、时、分、秒和星期，并将它们拼接成一个字符串，最后将这个字符串显示在页面上。为了让时间能够每秒更新一次，我们在 `window.onload` 中使用了 `setInterval` 函数，每隔一秒钟调用一次 `showDateTime` 函数。页面上使用一个 `div` 元素来显示日期、时间和星期。

阅读全文