代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> 通过 HTML 和 JavaScript 根据当前时间判断工作日与节假日</title>
</head>
<body>
<h1>
<span id="current-time"></span>
<span id="status"></span>
</h1>
<script>
function isWeekend(date) {
const day = date.getDay();
return day === 0 || day === 6; // 0 表示周日，6 表示周六
}
function isHoliday(date) {
// 在此处添加节假日判断逻辑
// 返回 true 如果是节假日，否则返回 false
return false; // 默认不考虑节假日
}
function isAfterHours(date) {
const hours = date.getHours();
return hours >= 17 || hours < 10;
}
function updateStatus() {
const now = new Date();
if (isWeekend(now) || isHoliday(now) || isAfterHours(now)) {
document.getElementById('status').textContent = '休息中';
} else {
document.getElementById('status').textContent = '工作中';
}
}
// 初始加载页面时更新状态
updateStatus();
// 每隔一段时间检查状态更新
setInterval(updateStatus, 60000); // 每分钟检查一次
</script>
<script>
function updateCurrentTime() {
var currentDate = new Date();
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
// 补零
hours = (hours < 10) ? "0" + hours : hours;
minutes = (minutes < 10) ? "0" + minutes : minutes;
seconds = (seconds < 10) ? "0" + seconds : seconds;
var currentTimeString = hours + ":" + minutes + ":" + seconds;
document.getElementById("current-time").innerText = currentTimeString;
}
// 每秒更新一次时间
setInterval(updateCurrentTime, 1000);
// 页面加载时立即获取一次时间
updateCurrentTime();
</script>
</body>
</html>
示例
https://static.hexingxing.cn/v3/html/holidays
友情提示：本站所有文章，如无特殊说明或标注，均为何星星原创发布。与此同时，趋于近年来本站的文章内容频繁被他站盗用与机器采集，现已全局禁用网站文字内容操作，了解详情或转载文章请 点此 继续！
0 条评论