这段是b站那手打复制的显示动态年月日时间的js代码,但是页面并不运行,想问问是怎么回事,用的vscode,是要加载js环境吗?
我建议你用代码形式贴出来,这样可以方便排查,还有你可以学着自己排查,看下控制台报什么错,一步一步解决
下面是我修改后的代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<script>
var t =null;
t=setTimeout(time, 0)
function time(){
clearTimeout(t)
dt=new Date()
var y = dt.getFullYear()
var m = dt.getMonth()+1
var d = dt.getDate()
var h = dt.getHours()
var m = dt.getMinutes()
var s = dt.getSeconds()
document.querySelector('.showTime').innerHTML = "当前时间" + y + "年" + m + "月" + d + "日-" + h + "时" + m +"分"+ s + "秒"
t=setTimeout(time,1000)
}
</script>
</head>
<body>
<div class="showTime"></div>
</body>
</html>
建议下载个 IDE,笔记本写代码太麻烦了
你都没有showTime这个类的标签。body加上
试试页面上没有showTime类的document,那一行搜索不到元素,你再操作是会报错的,当然不会显示,可以打开页面,按F12看看控制台报错。可以换成 document.body.innerHTML= 来赋值
在body里加一个class是showTime的节点,比如:
<div class='showTime'></div>
```
,另外这行代码应该加在script脚本之前。
如有帮助,请采纳!
dt+getFullYear() 好像错了吧 把浏览器F12调试工具打开 很容易就能找到错了
运行的,只是你页面上没有显示,因为你是要渲染在这里showTime类里面,在这个script上面行加上<div class="showTime"></div>
并且你f12打开控制台,看看有没有报错信息
body里面要添加
1)脚本建议写到head标签之内 或者
<body>
</body>
<script> // 你的脚本 </script>
</html>
<span class="showtime"></span>