web——javascript实现动态时钟

最新推荐文章于 2024-08-04 16:33:59 发布

阿轩同学

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量2.1k

点赞数 3

分类专栏： web 文章标签： js javascript web css html

本文链接：https://blog.csdn.net/weixin_44652589/article/details/115680969

版权

JavaScript 动态时钟实时更新日期时间前端开发

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

web 专栏收录该内容

4 篇文章 2 订阅

订阅专栏

web——javascript实现动态时钟

javascript实现动态时钟，与当前时间同步。
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>
<div id="times">
</div>
<script type="text/javascript">
    function  getDate(){
        var date=new Date();
        var yyyy=date.getFullYear();  //获取年份
        var MM=date.getMonth();       //获取月份
        var dd=date.getDate();        //获取日
        var hh=date.getHours();       //获取时
        var mm=date.getMinutes();     //获取分钟
        var ss=date.getSeconds();     //获取秒
        var div1=document.getElementById("times"); 
        div1.innerHTML =yyyy+"年"+MM+"月"+dd+"日"+hh+"点"+mm+"分"+ss+"秒";
        //将时间填充只id为“times”的div中
    }
    setInterval("getDate();",1000);

</script>
</body>
</html>

阿轩同学

关注

3
点赞
踩
18

收藏

觉得还不错? 一键收藏
2
评论
web——javascript实现动态时钟

web——javascript实现动态时钟javascript实现动态时钟，与当前时间同步。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body><div id="times"></div><script type=
复制链接

扫一扫

专栏目录