汉子时钟

汉子时钟

 <div id="d"></div>
<script>
    // 思路
    // 定义一个函数,获取当前时间的数据信息
    // 需要将数值,转化为对应的汉字
    // 需要有两个函数,一个是专门转化年份的函数,另一个是转化其他时间的函数
    // 年份中,必须要添加 汉字 十 

    d.innerHTML = setTime();
    setInterval( function(){
        d.innerHTML = setTime();
    } , 1000)




    function setTime(){
        // 创建当前时间对象
        var d = new Date();

        // 获取时间信息,年,月,日,星期,时,分,秒

        var y = d.getFullYear();
        var month = d.getMonth()+1;
        var day = d.getDate();
        var w = d.getDay();
        var h = d.getHours();
        var m = d.getMinutes();
        var s = d.getSeconds();

        // 将星期的数值,转化为中文
        var arr = ['日','一','二','三','四','五','六'];
        // 将星期获取的数值,作为索引下标,获取对应的汉字

        // 将年份转化为中文汉字,将获取到的年份作为函数的参数
        y = getYearStr(y);

        // 其他时间,转化为中文汉字,将其他时间作为函数的参数
        month = getTimeStr(month);
        day = getTimeStr(day);
        h = getTimeStr(h);

        // 分钟,秒,多拼接一个零汉字
        if(m < 10){
            m = '零' + getTimeStr(m)
        }else{
            m = getTimeStr(m);
        }

        if(s < 10){
            s = '零' + getTimeStr(s);
        }else{
            s = getTimeStr(s);
        }
        
        

        return `当前时间是:${y}年,${month}月,${day}号,星期${arr[w]},${h}点,${m}分,${s}秒`;
    }

    // 需要参数,是要转化的年份
    function getYearStr(year){
        // 首先,年份是一个4位数值,需要获取每一位上的阿拉伯数字
        // 在将这些阿拉伯数字,转化为对应的汉字

        // 如果年份是负数,表示公元前
        // 如果是负数,不能作为索引下标,要转化为整数
        var str = '';
        if(year < 0 ){
            // 如果是负数年份,对这个年份取绝对值
            year = Math.abs(year);
            str = '公元前';
        }

        /*
        方法1,通过获取4位数值,获取字符串

        // 第一位是除以1000,获取整数部分
        var a = parseInt( year / 1000 );
        // 第二位获取方式:
        //    方法1: (年份 - 第一位数值*1000) / 100 取整 
        //    方法2: (年份 % 1000) / 100 取整 
        var b = parseInt( (year % 1000 ) / 100 ); 
        // 第三位获取方式:
        //    方法1: (年份 - 第一位数值*1000 - 第二位数值*100) / 10 取整
        //    方法2: (年份 % 100) / 10 取整
        var c = parseInt( (year % 100) / 10 );
        // 第四位获取方式
        //    方法1: 年份 - 第一位数值*1000 - 第二位数值*100 - 第三位*10
        //    方法2: 年份 % 10
        var d = year % 10;

        


        // 需要将数值,转化为对应的汉字内容
        // 将数值看成索引下标,建立对应的数组,来获取中文
        var arr = ['零','一','二','三','四','五','六','七','八','九'];

        // 返回数值对应的字符串汉字

        // 如果是正常年份,拼接的是空字符串
        // 如果是公元前,会拼接公元前3个字

        return `${str}${arr[a]}${arr[b]}${arr[c]}${arr[d]}`;

        */



        // 方法2,通过循环

        var arr = ['零','一','二','三','四','五','六','七','八','九'];

        // 1,将年份数值,转化为年份字符串
        year = year.toString();

        // 2,循环遍历字符串,获取每一位上的字符,从数组中,获取对应的汉字,进行拼接
        // 定义空字符串,存储年份字符串
        var s = '';
        // 字符串只能使用for...in循环
        for(var key in year){
            // year[key] 是对应的年份的数值
            // arr[ year[key] ] 是将年份数值,作为索引下标,获取对应的汉字
            // 将获取的结果,拼接入变量中
            s += arr[year[key]];
        }
        // 定义返回值字符串
        return `${str}${s}`;
    }


    // 其他事件,数值范围是0-59之间
    // 将数值分成4类
    // 1,  0 - 10的数值   转化为 一位汉字
    // 2,  20,30,40,50    可以被10整除的数值, 十位数值对应汉字 拼接 '十'
    // 3,  11-19之间      11-19范围的数值 , '十' 拼接 个位数字对应的汉字
    // 4,  21-29,31-39,41-49,51-59  十位对应汉字 拼接 '十' 拼接 个位对应汉字

    /*  时间还凑合,要是银行存款,你能写到退休
        var arr = ['零','一','二','三','四','五','六','七','八','九','十','十一','十二','十三','十四','十五','十六','十七','十八','十九','二十','二十一','二十二','二十三','二十四','二十五','二十六','二十七','二十八','二十九','三十','三十一','三十二','三十三','三十四','三十五','三十六','三十七','三十八','三十九','四十','四十一','四十二','四十三','四十四','四十五','四十六','四十七','四十八','四十九','五十','五十一','五十二','五十三','五十四','五十五','五十六','五十七','五十八','五十九']
    
    */ 


    function getTimeStr(time){
        // 定义汉字数组
        var arr = ['零','一','二','三','四','五','六','七','八','九','十'];

        // 根据4种分类,返回同的字符串

        // 时间数值 小于等于 10  转化1位汉字
        if(time <= 10){
            return arr[time];

        // 时间数值 20,30,40,50 可以被10整除 转化 十位数值汉字 拼接 '十'
        }else if(time % 10 == 0){
            // 获取十位数值
            var a = parseInt( time / 10);
            // 返回值,十位数值对应汉字拼接'十'
            return `${arr[a]}十`;

        // 时间数值 11 - 19  转化 '十' 拼接 个位数值汉字
        }else if(time >= 11 && time <= 19){
            // 获取个位数值
            var b = parseInt( time % 10);
            // 返回值,'十'拼接个位数值对应汉字
            return `十${arr[b]}`;

        // 时间数值 21-29,31-39,41-49,51-59 
        // 十位数值汉字 拼接 '十' 拼接 个位数值汉字
        }else{
            // 获取十位
            var a = parseInt( time / 10);
            // 获取个位
            var b = parseInt( time % 10);
            return `${arr[a]}十${arr[b]}`;
        }   






    }


</script>