javascript - 如果不刷新，我的代码将无法工作。它没有显示正确的页面颜色

Question

我们使用 javascript 和 css 创建了一个关于 session 室的 oracle apex 应用程序。当房间全屏时必须是红色 howwer 如果我不刷新页面它显示绿色。我该如何解决？我无法复制所有代码，但通常此代码用于设置小时、日期并将屏幕颜色设置为绿色和红色

(document).ready(function(){


var toggle = true;


function displayTime(){

var currentTime = new Date();

var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds(); 
var meridiem = " ";

if(hours>11){
hours = hours;
meridiem = "";
}
if(hours === 0){
hours = 12;
}
if (hours<10){
hours = "0" + hours;
}
if (minutes<10){
minutes = "0" + minutes;
}
if (seconds<10){
seconds = "0" + seconds;
}
 ('#hours').text(hours);
 ('#minutes').text(minutes);
 ("#colon").css({ visibility: toggle?"visible":"hidden"});
}


function color(){

if(apex.item("P2_D_DUZENLEYEN").node.innerHTML != undefined){

document.body.style.background = "url(#WORKSPACE_IMAGES#red.jpg)";
}
else{
document.body.style.background = "url(#WORKSPACE_IMAGES#green-2.jpg)";
}


}
 color();
 displayTime();
 setInterval(displayTime, 1000);
 displayDay();
 displayDate();


  });

Answer 1

您必须共享其他函数才能了解发生了什么，但是对于此代码，您应该为“颜色”函数设置间隔。

setInterval(color, 1000);