Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript innerHTML';时间更改时时间和类的空值_Javascript_Jquery_Html - Fatal编程技术网

Javascript innerHTML';时间更改时时间和类的空值

Javascript innerHTML';时间更改时时间和类的空值,javascript,jquery,html,Javascript,Jquery,Html,我不断得到未捕获的TypeError:无法将属性“innerHTML”设置为null,它告诉你日期、小时、分钟。“timeDiv2.innerHTML='it's'+today+''+hour+':'+minutes+suffix+'”;“这是一个总是出错或在关闭时间时出错的问题。它会更改为错误或保持在同一行。我写的对吗 var imgArray=new Array(); imgaray[0]=新图像(); imgaray[0].src='1http://www.weebly.com/edit

我不断得到未捕获的TypeError:无法将属性“innerHTML”设置为null,它告诉你日期、小时、分钟。“timeDiv2.innerHTML='it's'+today+''+hour+':'+minutes+suffix+'”
;“这是一个总是出错或在关闭时间时出错的问题。它会更改为错误或保持在同一行。我写的对吗

var imgArray=new Array();
imgaray[0]=新图像();
imgaray[0].src='1http://www.weebly.com/editor/uploads/1/1/3/4/11341626/custom_themes/599346900698327146/files/Gifs/OpenLightOff.png';
imgaray[1]=新图像();
imgaray[1].src='1]http://www.weebly.com/editor/uploads/1/1/3/4/11341626/custom_themes/599346900698327146/files/Gifs/OpenLightOn.gif';
var now=新日期();
var weekday=新数组(7);
工作日[0]=“周日”;
工作日[1]=“周一”;
工作日[2]=“星期二”;
工作日[3]=“星期三”;
工作日[4]=“周四”;
工作日[5]=“周五”;
工作日[6]=“周六”;
var today=weekday[now.getDay()];
var dayOfWeek=now.getDay();
var hour=now.getHours();
var minutes=now.getMinutes();
变量后缀=小时>=12?“PM”:“AM”;
var checkTime2=函数(){
var timeDiv2=document.getElementById('timeDiv2');
//添加上午或下午
//将0添加到一位数分钟
如果(分钟<10){
分钟数=“0”+分钟数
};
如果((dayOfWeek==1 | | dayOfWeek==2 | | | dayOfWeek==3 | | | dayOfWeek==4 | | dayOfWeek==0)和小时数>=6和小时数5){
小时=((小时+11)%12+1);//即显示1:15而不是13:15
}
timeDiv2.innerHTML='It's'+今天+''+小时+':'+分钟+后缀+'
'; timeDiv2.className='关闭'; } }; var currentDay=weekday[now.getDay()]; var currentDayID=“.”+currentDay//获取今天的工作日并将其转换为id $(currentDayID).toggleClass(“今天”)//今天在视图中的高亮度显示小时模式弹出窗口 checkTime2()
[id^=“timeDiv”]
{
宽度:100%;
背景:透明;
保证金:0自动;
边界半径:3px;
/*-网络工具包盒阴影:0 8px 16px-8px#adadad;
-moz盒阴影:0 8px 16px-8px#adadad;
盒影:0 8px 16px-8px#adadad*/
显示:块;
背景色:rgb(0,0,0);/*回退色*/
背景色:rgba(0,0,0,0.5);/*黑色w/不透明度*/
}
.天{
显示:内联块;
浮动:左;
}
.时间{
显示:内联块;
浮球:对
}
.今天{
颜色:rgb(200,85,39);
字号:600;
}
.关闭{
颜色:rgba(231,76,60,0.85);
}
.打开{
位置:相对位置;
颜色:#27ae60;
}

由于
timeDiv2
元素是DOM的一部分,因此最好在HTML完全加载之前运行javascript代码

只有在页面完全加载后,才能通过调用
checkTime2()
函数来解决此问题:

$(function() {
    checkTime2();
});

由于
timeDiv2
元素是DOM的一部分,因此最好在HTML完全加载之前运行javascript代码

只有在页面完全加载后,才能通过调用
checkTime2()
函数来解决此问题:

$(function() {
    checkTime2();
});

如果您试图在加载DOM之前对其进行操作,请尝试以下操作之一

1. 将脚本作为
正文的最后一部分加载

2. 使用事件

DOMContentLoaded事件在初始HTML文档完全加载和解析时触发,而不等待样式表、图像和子帧完成加载。一个完全不同的事件加载应该只用于检测一个完全加载的页面。在DOMContentLoaded更合适的地方使用load是一个非常普遍的错误,所以要小心

3. 如果您使用的是jQuery

$(document).ready(function () {
     /** Your code here... **/
});

如果您试图在加载DOM之前对其进行操作,请尝试以下操作之一

1. 将脚本作为
正文的最后一部分加载

2. 使用事件

DOMContentLoaded事件在初始HTML文档完全加载和解析时触发,而不等待样式表、图像和子帧完成加载。一个完全不同的事件加载应该只用于检测一个完全加载的页面。在DOMContentLoaded更合适的地方使用load是一个非常普遍的错误,所以要小心

3. 如果您使用的是jQuery

$(document).ready(function () {
     /** Your code here... **/
});

您是在DIV之前还是之后包含脚本?在粘贴的代码中没有显示这一点。jQuery 1.2.3已经发布近10年了。它已经严重过时了。还有,你为什么不省去很多痛苦,使用MomentJS呢?最后,为什么要包含jQuery,然后使用
document.getElementById
?是否将JavaScript代码放在前面?将脚本放在DOM就绪函数中。您的脚本无疑是在读取元素之前执行的,该元素随后将返回为null<代码>$(函数(){//将脚本放在此处})您是在DIV之前还是之后包含脚本?在粘贴的代码中没有显示这一点。jQuery 1.2.3已经发布近10年了。它已经严重过时了。还有,你为什么不省去很多痛苦,使用MomentJS呢?最后,为什么要包含jQuery,然后使用
document.getElementById
?是否将JavaScript代码放在前面?将脚本放在DOM就绪函数中。您的脚本无疑是在读取元素之前执行的,该元素随后将返回为null<代码>$(函数(){//将脚本放在此处})