用js显示日期时间

最新推荐文章于 2024-04-29 10:35:43 发布

m0_52434369

最新推荐文章于 2024-04-29 10:35:43 发布

阅读量944

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/m0_52434369/article/details/118357023

版权

用js在页面上显示时间日期，以秒为单位更新，有详细的注解。对才接触js的小白超级友好，可以直接复制代码看效果哟！

<!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>
    <div class="aa" id="bb"></div>
    <button onclick="stop()">点击</button> 
 <script>
   var fh=setInterval(() => {
   // 生成时间对象（不是data）
   let aa=new Date();
        // 获取年份
        var bb=aa.getFullYear();
        // 获取月份
        var cc=aa.getMonth()+1;
        // 获取日期(12号)
        var dd=aa.getDate();
        // 获取星期几(0~6:0是周日)：因为输出的是星期几，所以要利用得到的这个数组最为数组的索引
        var ww=aa.getDay();
        var string=["一","二","三","四","五","六","日"];
        var op=string[ww-1];
        // 获取小时（0~23）
        var ss=aa.getHours();
        // 获取分钟(0~59)
        var xx=aa.getMinutes();
        // 获取秒钟
        var pp=aa.getSeconds();
        var res="今年是:"+bb+"年"+cc+"月"+dd+"星期"+op+ss+"时"+"&nbsp;&nbsp;"+xx+"分"+pp+"秒"
        document.getElementById("bb").innerHTML=res;
}, 1000)//打双引号的不会被解析,未打双引号的会当成变量输出


function stop(){   //点击button清除定时器 ,停止。clearInterval(函数)
    clearInterval(fh)
}
    </script>


</html>

声明：本人大二软工一枚，若有错误还请大家指正，一定不胜感激。大家也可以发表评论和看法，我们一起进步鸭@！

m0_52434369

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用js显示日期时间

用js在页面上显示时间，日期，以s为单位更新，有详细的注解。对才接触js的小白超级友好，可以直接复制代码看效果哟！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
复制链接

扫一扫