Js实现中文的实时时钟

最新推荐文章于 2023-02-07 09:09:25 发布

SSSkyCong

最新推荐文章于 2023-02-07 09:09:25 发布

阅读量572

点赞数

分类专栏： H5 Js 学习-总结-转载

本文链接：https://blog.csdn.net/qlwangcong518/article/details/85106638

版权

学习-总结-转载同时被 3 个专栏收录

136 篇文章 0 订阅

订阅专栏

127 篇文章 2 订阅

订阅专栏

111 篇文章 1 订阅

订阅专栏

效果：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var chr=['零','一','二','三','四','五','六','七','八','九','十'];
    var weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    init();

    function init() {
        setInterval(animation,16);
    }

    function animation() {
        document.body.innerHTML=getDate();
    }


    function getDate() {
        var date=new Date();
        return getYears(date.getFullYear())+"年"
            +getChrNumber(date.getMonth()+1)+"月"
            +getChrNumber(date.getDate())+"日"
            +" "+weeks[date.getDay()]
            +" "+getChrNumber(date.getHours())+"点"
            +getChrNumber(date.getMinutes())+"分"
            +getChrNumber(date.getSeconds())+"秒 "
            +getChrNumber(date.getMilliseconds())+"毫米"
    }

    function getChrNumber(num) {
        if(num>=1000 || num<0) return;
        if(num<11) return chr[num];
        if(num<100 && num%10===0) return chr[num/10]+"十";
        if(num<20) return "十"+chr[num%10];
        if(num<100) return chr[parseInt(num/10)]+"十"+chr[num%10];
        var str=chr[parseInt(num/100)]+"百";
        if(num%100===0) return str;
        if(num%10===0) return str+chr[parseInt(num/10)%10]+"十";
        if(parseInt(num/10)%10===0) return str+"零"+chr[num%10];
        return str+chr[parseInt(num/10)%10]+"十"+chr[num%10];
    }



    function getYears(year) {
        var arr=year.toString().split("").map(function (t) { return getNumber(t) });
        return arr.map(function (t) { return chr[t] }).join("");
    }

    function getNumber(str) {
        if(!isNaN(Number(str))) return Number(str);
        return str;
    }
</script>
</body>
</html>

SSSkyCong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Js实现中文的实时时钟

效果：代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&amp
复制链接

扫一扫