运用 DOM 实现时钟

最新推荐文章于 2022-10-27 15:54:12 发布

HeWar_

最新推荐文章于 2022-10-27 15:54:12 发布

阅读量307

点赞数

分类专栏： JS 文章标签： html html5 javascript dom操作

本文链接：https://blog.csdn.net/HeWar_/article/details/120741928

版权

JavaScript DOM 实时更新时间显示 interval

关键词由CSDN通过智能技术生成

JS 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
<script>
    //开启定时器,每隔一秒钟,读取当前的时间,更新到body的文本中
    setInterval(() => {
        let now=new Date().toLocaleTimeString();
        console.log(now);
        //DOM:文本对象模型，浏览器会把html先转化成对象类型，再把对象显示到页面上
        //转化出来的对象就是window的document对象
        document.body.innerText=now;
    }, 1000);
</script>
</html>