【Web】Web-API（No.68）获取当前时间并格式化

最新推荐文章于 2024-01-29 15:44:38 发布

Sherry Lupus

最新推荐文章于 2024-01-29 15:44:38 发布

阅读量356

点赞数

分类专栏： Web-API 文章标签： Web API

本文链接：https://blog.csdn.net/qq_43251850/article/details/99412672

版权

Web-API 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

获取当前时间并格式化

在这里插入图片描述
需要素材点击图片联系我或私信、评论

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置时间</title>
    <script src="common.js"></script>
    <script>
        window.onload = function () {
            function clock(){
                var dt = new Date();
                var year = dt.getFullYear();
                var month = dt.getMonth();
                var day = dt.getDate();
                var week = dt.getDay();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                //补位
                function bu(i){
                    return i < 10 ? "0" + i : i;
                }
                //用数组设置星期的格式
                var weekArr = ["日","一","二","三","四","五","六"]
                //2019年05月23日星期四 12:00:00
                my$("box").innerText = bu(year) + " 年 " + bu(month) + " 月 " + bu(day) + " 日 星期" + weekArr[week] + " " + bu(h) + "：" + bu(m) + "：" + bu(s);
            };
            clock();//当页面加载完毕时，初始化一次
            var timeId = setInterval(clock,1000);
            my$("btn1").onclick = function (){
                clearInterval(timeId);
            }
            my$("btn2").onclick = function (){
                //继续时间
                timeId = setInterval(clock,1000);
            }
        }
    </script>
</head>
<body>
<div id="box"></div>
<button id="btn1">Stop</button>
<button id="btn2">Start</button>
</body>
</html>

Sherry Lupus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【Web】Web-API（No.68）获取当前时间并格式化

获取当前时间并格式化需要素材点击图片联系我或私信、评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>设置时间</title> <script src="common.js"></scrip...
复制链接

扫一扫