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

获取当前时间并格式化

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


<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">Stopbutton>
<button id="btn2">Startbutton>
body>
html>

你可能感兴趣的:(Web-API,Web,API)