Javascript innerHTML';时间更改时时间和类的空值
我不断得到未捕获的TypeError:无法将属性“innerHTML”设置为null,它告诉你日期、小时、分钟。“timeDiv2.innerHTML='it's'+today+''+hour+':'+minutes+suffix+'”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
;“这是一个总是出错或在关闭时间时出错的问题。它会更改为错误或保持在同一行。我写的对吗
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<代码>$(函数(){//将脚本放在此处})代码>