web——javascript实现动态时钟

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

阿轩同学

2271人浏览 · 2021-04-13 22:25:07

阿轩同学 · 2021-04-13 22:25:07 发布

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>