用JS实现日期时间实时更新以及欢迎界面, 效果如下: 你好,计应2206班**(真实姓名),欢迎你加入JS学习大家庭,现在是北京时间**年**月**日 **时**分**秒
时间: 2024-01-09 08:22:28 浏览: 46
以下是用JS实现日期时间实时更新以及欢迎界面的代码:
```javascript
// 获取当前时间
function getCurrentTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
// 格式化时间
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
hour = hour < 10 ? '0' + hour : hour;
minute = minute < 10 ? '0' + minute : minute;
second = second < 10 ? '0' + second : second;
// 返回格式化后的时间
return year + '年' + month + '月' + day + '日 ' + hour + '时' + minute + '分' + second + '秒';
}
// 更新日期时间
function updateDateTime() {
var dateTime = getCurrentTime();
document.getElementById('datetime').innerHTML = dateTime;
}
// 欢迎界面
function welcome() {
var name = prompt('请输入你的姓名:');
var className = prompt('请输入你的班级:');
var welcomeMsg = '你好,' + className + '班' + name + ',欢迎你加入JS学习大家庭,现在是北京时间';
document.getElementById('welcome').innerHTML = welcomeMsg;
}
// 页面加载完成后执行
window.onload = function() {
welcome();
updateDateTime();
setInterval(updateDateTime, 1000); // 每秒更新一次日期时间
};
```
HTML部分:
```html
<!DOCTYPE html>
<html>
<head>
<title>日期时间实时更新</title>
</head>
<body>
<h1 id="welcome"></h1>
<p id="datetime"></p>
<script src="script.js"></script>
</body>
</html>
```
你可以将以上代码保存为一个HTML文件,然后在浏览器中打开该文件,即可看到实时更新的日期时间以及欢迎界面。
阅读全文