想问问这段js代码是否有问题,为什么页面没有显示运行

img

这段是b站那手打复制的显示动态年月日时间的js代码,但是页面并不运行,想问问是怎么回事,用的vscode,是要加载js环境吗?

img

我建议你用代码形式贴出来,这样可以方便排查,还有你可以学着自己排查,看下控制台报什么错,一步一步解决
下面是我修改后的代码

<!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>

  1. 在body里面,应该有个类似这样的标签:
<span class="showtime"></span>