1)在网页上显示当前日期(x年x月x日)、时间(x点x分x秒)、星期(星期x) 2)根据时间5-11点,网页显示“早上好”、11-13点显示“中午好”,13-17点显示“下午好”、17-21点显示“晚上好”21点到4点显示“快睡觉” 3)表单中提供文本框、按钮,可以让用户输入1-5个成绩,(个数不确定,可以字符串形式,也可以一个个输入方式) 4)按下计算按钮,提示框显示所有成绩和平均成绩 提示:获取日期时间、获取文本框值,数组,下标i,计算平均值,数组所有内容
时间: 2023-06-14 11:02:51 浏览: 174
以下是一个简单的实现示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例</title>
<script>
function showTime() {
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var week = now.getDay();
var dayMap = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var timeMap = {
5: '早上好',
11: '中午好',
13: '下午好',
17: '晚上好',
21: '快睡觉'
};
var timeText = '';
for (var key in timeMap) {
if (hour >= key) {
timeText = timeMap[key];
} else {
break;
}
}
if (!timeText) {
timeText = '快睡觉';
}
document.getElementById('time').innerHTML = year + '年' + month + '月' + day + '日 ' + hour + '点' + minute + '分' + second + '秒 ' + dayMap[week] + ' ' + timeText;
}
function calculate() {
var input = document.getElementById('input').value;
var scores = input.split(',');
var sum = 0;
for (var i = 0; i < scores.length; i++) {
sum += parseFloat(scores[i]);
}
var average = sum / scores.length;
alert('成绩:' + scores.join(', ') + '\n平均成绩:' + average.toFixed(2));
}
</script>
</head>
<body onload="showTime()">
<div id="time"></div>
<form>
<label>输入成绩:</label>
<input type="text" id="input">
<button type="button" onclick="calculate()">计算</button>
</form>
</body>
</html>
```
说明:
1. 使用 `Date` 对象获取当前时间,使用字符串和数组处理日期、时间和星期的显示。
2. 使用一个对象 `timeMap` 存储不同时间段的问候语,使用循环找到当前时间段对应的问候语。
3. 使用 `split` 方法将输入的字符串分割成数组,使用循环计算总分并计算平均成绩,使用 `toFixed` 方法保留小数点后两位。
4. 在计算按钮的点击事件中弹出提示框显示成绩和平均成绩。
阅读全文