zoukankan      html  css  js  c++  java
  • 日期函数及时钟案例

      标准日期对象的方法:

      

      一般使用toLocaleDataString或者toLocaleString而不用toString。

      小时钟案例:

    <html>
        <head>
            <meta charset="utf-8">
            <style>
                #clockbox{
                    padding: 15px 0;
                    line-height: 50px;
                    color: aqua;
                }
            </style>
        </head>
        <body>
          <div id="clockbox">
          </div>
        </body>
        <script>
            let clockbox = document.querySelector("#clockbox");
            //进行补零
            function addZero(val){
                val = Number(val);
                return val<10?'0'+val:val;
            }
            //转换成所需格式
            function queryData(){
                let time = new Date(),//获取当前日期
                    year = time.getFullYear(),
                    month = time.getMonth()+1,//0-11
                    day = time.getDate(),
                    week  = time.getDay(),//0-6
                    hours = time.getHours(),
                    minutes = time.getMinutes(),
                    seconds = time.getSeconds();
            //进行字符串拼接
                let weekary = ['','','','','','',''];
                let result = `${year}年${addZero(month)}月${addZero(day)}日`;
                result += `星期${weekary[week]} ${addZero(hours)}时${addZero(minutes)}分${addZero(seconds)}秒`;
                clockbox.innerHTML = result;
            }
            //每隔一秒执行一次
            setInterval(queryData,1000);
        </script>
    </html>
  • 相关阅读:
    [HEOI2016/TJOI2016]树
    [BJOI2018]求和
    洛谷P5002 专心OI
    [GDOI2014]采集资源
    小凯的数字
    APP微信支付
    java对接支付宝支付
    layui 视频上传本地(项目)
    mybatis Generator生成代码及使用方式
    Java IO流学习总结
  • 原文地址:https://www.cnblogs.com/angle-xiu/p/11330510.html
Copyright © 2011-2022 走看看