在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 想用es6方式將這兩端代碼簡化下,請問如何實現(xiàn)?

想用es6方式將這兩端代碼簡化下,請問如何實現(xiàn)?

問題一

多個if怎么簡化

if(params.data.value[2] == 0){ //
            return 'rgba(255, 255, 255, 1)'; // 白色
        } else if(params.data.value[2] == 1){ //
            return 'rgba(255, 100, 29, 1)'; // 紅色
        } else if (params.data.value[2] == 2) {
            return 'rgba(255, 202, 0, 1)'; // 黃色
        } else if (params.data.value[2] == 3) {
            return 'rgba(139, 245, 77, 1)'; // 綠色
        } else if (params.data.value[2] == 4) {
            return 'rgba(139, 245, 77, 0)'; // 綠色
        }
        return 'rgba(255, 255, 255, 0)';

問題二

我想做一個倒計時的工具,按秒走,下面這段代碼就是實現(xiàn)這個功能的,

我想優(yōu)化一下,減少代碼的重復(fù)量

這段時間刷新怎么讀取

componentDidMount() {

        const _self = this; // 指向本對象的指針

        var myDate = new Date();
        document.getElementsByClassName('year')[0].innerHTML = myDate.getFullYear();

        var month = myDate.getMonth()+1;
        month =(month<10 ? "0"+month:month);

        document.getElementsByClassName('month')[0].innerHTML = month; // 月份自動加0

        var day = myDate.getDate();
        day =(day<10 ? "0"+day:day);

        document.getElementsByClassName('day')[0].innerHTML = day; // 日子自動加0;

        var hour = myDate.getHours();
        hour =(hour<10 ? "0"+hour:hour);

        document.getElementsByClassName('hour')[0].innerHTML = hour; // 小時自動加0

        var minute = myDate.getMinutes();
        minute =(minute<10 ? "0"+minute:minute);

        document.getElementsByClassName('minute')[0].innerHTML = minute; //獲取當(dāng)前分鐘數(shù)(0-59)

        _self.showTimer = setInterval(()=> this.treat(), 1000*3); // 1分鐘換一次數(shù)據(jù)
    }
回答
編輯回答
青瓷

問題一:

const colorMap = [
  'rgba(255, 255, 255, 1)',
  'rgba(255, 100, 29, 1)',
  'rgba(255, 202, 0, 1)',
  'rgba(139, 245, 77, 1)',
  'rgba(139, 245, 77, 0)',
]
return colorMap[params.data.value[2]] || 'rgba(255, 255, 255, 0)'

問題二: 沒看懂?什么怎刷新? 你要做的是一個倒計時的效果嗎

2018年7月17日 20:51