JS14-(数字、汉字)电子时钟

一,详细

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

将表示星期的数值,转化为对应的汉字

// 0 1 2 3 4 5 6 表示星期的数值 — 看做是 数组的索引
// [日 一 二 三 四 五 六] 对应的汉字 — 看做是 数组的数据
// 可以建立一个数组,这个的数据是,需要对应的汉字
// 数组的顺序,就是获取的星期的数值的顺序

// 这个数组的数据顺序,也就是索引下标,正好对应的 getDay()获取的数值结果

// var arr = ['日','一','二','三','四','五','六'];

// 其他方法1: 也可以定义成对象

//       var obj = {0:'日',1:'一',2:'二',3:'三',4:'四',5:'五',6:'六'}

// 其他方法2: if判断 好理解,但是执行效率低,代码冗余

/*

if(w == 0){
    w = '日';
}else if(w == 1){
    w = '一';
}else if(w == 2){
    w = '二';
}else if(w == 3){
    w = '三';
}else if(w == 4){
    w = '四';
}else if(w == 5){
    w = '五';
}else if(w == 6){
    w = '六';
}else{
    w = '星期获取错误';
}

*/

// 其他方法3: switch判断
/*

switch (w) {
    case 0:
        w = '日';
        break;
    case 1:
        w = '一';
        break;
    case 2:
        w = '二';
        break;
    case 3:
        w = '三';
        break;
    case 4:
        w = '四';
        break;
    case 5:
        w = '五';
        break;
    case 6:
        w = '六';
        break;
    default:
        w = '星期获取错误'
        break;

}

*/

补零效果

// 当显示的内容是个位数时,给数值前添加 0
// 9 —> 09
// 思路: 当数值小于 10
// 在数值前,拼接一个字符串’0’

var int = 9;

if(int < 10){
    // 在原始数值前,拼接字符串0
    int = '0' + int;
}

console.log(int);

二.数字时钟

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三.汉字时钟

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

发布了103 篇原创文章 · 获赞 4 · 访问量 2021

猜你喜欢

转载自blog.csdn.net/DcTbnk/article/details/105105000