今天写作业的时候,有一个数字时钟,我先是自己写了一下,发现没有运行,我以为我的代码错了,我把之前写过的代码复制了过来,(我之前写过两次,都没问题)
要点击页面才行,或者onclick改成onload
onclick是点击事件,需要你鼠标点击触发,才会执行clock事件。如果你要一进去就触发,把onclick改成onload
有3个问题
1,你的js最好不要写在html结构的上面,会阻塞DOM节点的渲染,而且,你js里面在对DOM节点操作的时候DOM节点还没渲染,应该吧js代码放在body的底部
2,你的setTimeout函数最好放在时钟函数的外面
3,你的div绑定点击事件,需要点击才显示,如果想加载完之后显示,就用onload
错误原因:div内容为空,则盒子的高度为0,body的高度也就为0,点击事件未被触发(你可以给body加上边框就可以清晰的看到)
解决方案:可以给div添加宽高或内容,撑开盒子后点击则能触发点击事件
建议:js代码写在 window.onload 中,表示页面加载完成之后执行,避免事件未绑定成功。
还有就是代码直接贴源码,不要截图,这样回答的人可以快速跑程序查错哦
前端大有可为,继续学习,加油。。。