用js写一个时间提醒,包含现在时间
时间: 2024-05-08 13:16:56 浏览: 8
以下是一个用 JavaScript 写的时间提醒,包含现在时间:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时间提醒</title>
</head>
<body>
<h1 id="time"></h1>
<script>
// 获取当前时间
function getTime() {
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 time = year + "-" + addZero(month) + "-" + addZero(day) + " " + addZero(hour) + ":" + addZero(minute) + ":" + addZero(second);
return time;
}
// 补零函数,将一位数补齐为两位数
function addZero(num) {
if (num < 10) {
return "0" + num;
} else {
return num;
}
}
// 显示时间并设置提醒
function showTime() {
var timeElem = document.getElementById("time");
var time = getTime();
timeElem.innerHTML = time;
// 设置提醒时间为当前时间的下一个整点
var nextHour = (new Date()).setMinutes(60, 0, 0);
var timeout = nextHour - (new Date()).getTime();
// 弹出提醒窗口
setTimeout(function() {
alert("时间到了!");
}, timeout);
}
// 每秒钟更新一次时间
setInterval(showTime, 1000);
// 页面加载时显示时间
showTime();
</script>
</body>
</html>
```
该代码会在页面中显示当前时间,并在下一个整点时弹出一个提醒窗口。你可以根据需要修改提醒时间的设定方式,例如指定一个固定的时间,或者根据用户的输入进行设定。