js实现根据不同时间显示不同内容

最新推荐文章于 2022-03-15 15:14:09 发布

木子木木的专栏

最新推荐文章于 2022-03-15 15:14:09 发布

阅读量3.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37029814/article/details/86565138

版权

JavaScript 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

function timeMsg() {

    let timesArr = [
        { time: '20190022', number: '1', pic: 'spriingChuYi.png', message: 'spring1MSG.png'},
        { time: '20190023', number: '2', pic: 'spriingChuer.png', message: 'spring2MSG.png'},
        { time: '20190024', number: '3', pic: 'spriingChuSan.png', message: 'spring3MSG.png'},
        { time: '20190025', number: '4', pic: 'spriingChuSi.png', message: 'spring4MSG.png'},
        { time: '20190026', number: '5', pic: 'spriingChuWu.png', message: 'spring5MSG.png'}
     ];

    let d = new Date();
    let dateStr = '' + d.getFullYear() + (d.getMonth() > 9 ? d.getMonth() : '0' + d.getMonth()) + (d.getDate() > 9 ? d.getDate() : '0' + d.getDate());
    let str = '';
    for (let i = 0; i < timesArr.length; i++) {

        if (timesArr[i].time == dateStr) {
            str = timesArr[i];
            break;
        }
    }
    
    
    $('#fistfew img').attr('src',str.pic);
    $('#howDays p').text(str.number);
    $('#newYearMsg img').attr('src',str.message);
    
}