我想知道如何在正确的时间和星期几切换div。示例:-当周日12:00 12 div1将显示时,周一12:00 div2将显示其他人隐藏的时间。这段代码可以很好地在正确的时间隐藏显示,但我也想添加星期几来显示隐藏,如if (day== sunday || n > '08:59' && n < '09:59'){}
function running() {
Object.prototype.twoDigits = function () {
return ("0" + this).slice(-2);
}
// get current date and time
let now = new Date();
n = now.getHours().twoDigits() + ':' + now.getMinutes().twoDigits();
if (n > '08:59' && n < '09:59') {
$(".class-1").addClass("now").removeClass("old");
$('.class-1 .overlay').hide();
$('.class-2 .overlay').show();
$('.class-3 .overlay').show();
$('.class-4 .overlay').show();
$('.class-1 .overlay-2').hide();
$('.class-2 .overlay-2').hide();
$('.class-3 .overlay-2').hide();
$('.class-4 .overlay-2').hide();
}
else if (n > '09:59' && n < '10:59') {
$(".class-2").addClass("now").removeClass("old");
$('.class-1 .overlay').hide();
$('.class-2 .overlay').hide();
$('.class-3 .overlay').show();
$('.class-4 .overlay').show();
$('.class-1 .overlay-2').show();
$('.class-2 .overlay-2').hide();
$('.class-3 .overlay-2').hide();
$('.class-4 .overlay-2').hide();
}
else if (n > '10:59' && n < '11:29') {
$('.class-1 .overlay').hide();
$('.class-2 .overlay').hide();
$('.class-3 .overlay').show();
$('.class-4 .overlay').show();
$('.class-1 .overlay-2').show();
$('.class-2 .overlay-2').show();
$('.class-3 .overlay-2').hide();
$('.class-4 .overlay-2').hide();
}
else {
$(".class-1").addClass("old").removeClass("now");
$(".class-2").addClass("old").removeClass("now");
$(".class-3").addClass("old").removeClass("now");
$(".class-4").addClass("old").removeClass("now");
$('.hooray').show();
$('.overlay').show();
$('.overlay-2').hide();
}
}
$(document).ready(function () {
running();
});发布于 2021-06-24 02:36:02
您可以使用const d = now.getDay(),它返回0-6,其中0=星期天。然后你可以在if语句中检查特定的一天,比如if(d === 3 && … )来检查星期三。
https://stackoverflow.com/questions/68105313
复制相似问题