JavaScript实现动态显示时间

最新推荐文章于 2024-07-11 17:22:37 发布

枸杞配红枣

最新推荐文章于 2024-07-11 17:22:37 发布

阅读量1w

点赞数 7

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_41586079/article/details/83152287

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

今天完成一个案例，就是如何使用JavaScript在页面上动态显示时间。下面代码附上：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DynamicTime</title>
</head>
<body>
<div id="time">

</div>
<input type="button" value="stop" onclick="stop();"/>//写这个按钮主要母的是用于测试。
<script type="text/javascript">
    var add=setInterval("getTime()",1000);
    //stop()这个函数主要是清除设置的定时器
    function stop() {
        clearInterval(add);
    }
    //这个函数主要是获取时间然后写入div中
    function getTime() {
        var date=new Date().toLocaleString();//创建date对象，获取时间
        var id1=document.getElementById("time");//通过div标签的id多去div标签
        id1.innerHTML=date;//将时间通过innerHTML属性写入div标签中
    }

</script>

</body>
</html>

个人认为代码里的注释已经解释的很清楚了，如果还有什么问题可以下方评论，如果代码有什么问题，也可以评论。

枸杞配红枣

关注

7
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现动态显示时间

今天完成一个案例，就是如何使用JavaScript在页面上动态显示时间。下面代码附上：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;DynamicTime&lt;/title&gt;&lt;
复制链接

扫一扫

专栏目录