Javascript和图像更改,基于时间
我试图让Javascript检测一天中的时间,然后加载正确的CSS表。除此之外,我还需要它来替换图像Javascript和图像更改,基于时间,javascript,Javascript,我试图让Javascript检测一天中的时间,然后加载正确的CSS表。除此之外,我还需要它来替换图像 function getStylesheet() { var currentTime = new Date().getHours(); var square = "<img src='images/Image-square-night.gif' width='400' height='400' >" if (20 <= currentT
function getStylesheet() {
var currentTime = new Date().getHours();
var square = "<img src='images/Image-square-night.gif' width='400' height='400' >"
if (20 <= currentTime&¤tTime <= 7) {
document.write("<link rel='stylesheet' href='layout-night.css' type='text/css'>");
function sq(){
if(document.getElementById("image-hold")){
"image-hold".innerHTML = square
}}
if (8 <= currentTime&¤tTime <= 19){
document.write("<link rel='stylesheet' href='layout-day.css' type='text/css'>")}
}
}
函数getStylesheet(){
var currentTime=new Date().getHours();
var square=“”
if(20第一个if
语句似乎错误:
if (20 <= currentTime&¤tTime <= 7) {
if(20可能是这样的:
function getStylesheet() {
// Creating LINK node
var link = document.createElement('link');
link.rel = "stylesheet";
link.type = "text/css";
// Get current time hour
var currentTime = new Date().getHours();
if (20 <= currentTime && currentTime <= 7) {
link.href = 'layout-night.css';
// replacing the image in this case
var square = "<img src='images/Image-square-night.gif' width='400' height='400' >";
var imageHolder = document.getElementById("image-hold");
if(imageHolder != null){
imageHolder.innerHTML = square
}
} else {
link.href = 'layout-day.css';
}
document.head.appendChild(link);
}
函数getStylesheet(){
//创建链接节点
var link=document.createElement('link');
link.rel=“样式表”;
link.type=“text/css”;
//获取当前时间小时数
var currentTime=new Date().getHours();
如果(20和?某个东西不工作了吗?如果是,它是如何工作的?您是否调用过getStylesheet
?您是否在页面的主解析过程中调用过该调用(因为它使用document.write
),而不是之后?合理地格式化代码有助于您和我们阅读它,最大限度地减少混乱和错误。除其他外,代码中存在语法错误:在条件块中有函数声明。JavaScript中不允许这样做,尽管某些(并非所有!)浏览器可能会将其重写为函数表达式。
function getStylesheet() {
// Creating LINK node
var link = document.createElement('link');
link.rel = "stylesheet";
link.type = "text/css";
// Get current time hour
var currentTime = new Date().getHours();
if (20 <= currentTime && currentTime <= 7) {
link.href = 'layout-night.css';
// replacing the image in this case
var square = "<img src='images/Image-square-night.gif' width='400' height='400' >";
var imageHolder = document.getElementById("image-hold");
if(imageHolder != null){
imageHolder.innerHTML = square
}
} else {
link.href = 'layout-day.css';
}
document.head.appendChild(link);
}