显示星期几的消息

Question

我正在尝试实现一个小脚本，按顺序显示消息形成一个数组，每周的一天是另一个数组。我开始了，但我卡住了。密码是

let daySun = ['msg1','msg2','msg3','msg4'];
let dayMon = ['msg1','msg2','msg3','msg4'];
let dayTue = ['msg1','msg2','msg3','msg4'];
let dayWed = ['msg1','msg2','msg3','msg4'];
let dayThu = ['msg1','msg2','msg3','msg4'];
let dayFri = ['msg1','msg2','msg3','msg4'];
let daySat = ['msg1','msg2','msg3','msg4'];

let dayWeek = new Date().getDay();
//How to get

setInterval(function(){
// 1. to compare name of the day with above arrays
// 2. if today is Sun, then messages from daySun array to be displayed in  order
// 3. and so on for every day of the week
// 4. I want to add fadeIn or fadeOut, or a animate class from  animate.min.css

},1000);

//html for messages is <p id="day-msg"></p>

Answer 1

创建几天的消息对象为：

let messages = {
    sun: ['msg1','msg2','msg3','msg4'],
    mon: ['msg1','msg2','msg3','msg4'],
    tue: ['msg1','msg2','msg3','msg4'],
    wed: ['msg1','msg2','msg3','msg4'],
    thu: ['msg1','msg2','msg3','msg4'],
    fri: ['msg1','msg2','msg3','msg4'],
    sat: ['msg1','msg2','msg3','msg4']
}

获取当前日期名称为：

let dayName = new Date().toString().split(' ')[0].toLowerCase();

查找当天的消息：

let currentMessages = messages[dayName];

显示消息时将消息索引存储在数组中，最初0

let currentIndex = 0;

setInterval(function(){
    console.log(currentMessages[currentIndex]);
    currentIndex++;
    // below code to loop your messages, if you want to close messages clear interval.
    if(currentIndex >= currentMessages.length) {
        currentIndex = 0;
    }
},1000);

Answer 2

完成参考js fiidle

html

<head>
  <link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
  <!-- or -->
</head>


<h1 class="animated infinite fadeOut" id="day-msg"></h1>

java 脚本

let day ={"sun":['msg1','msg2','msg3','msg4'],"mon":['msg1','msg2','msg3','msg4'],"Tue":['msg1','msg2','msg3','msg4'],"wed":['msg1','msg2','msg3','msg4'],"thu":['msg1','msg2','msg3','msg4'],"fri":['msg1','msg2','msg3','msg4'],"sat":['msg1','msg2','msg3','msg4']};


let dayName = new Date().toString().split(' ')[0].toLowerCase()

currentIndex = 0;
setInterval(function(){

document.getElementById("day-msg").innerHTML = day[dayName][currentIndex++];
 if(currentIndex >= day[dayName].length){
   currentIndex= 0;
  } 
},1000);

显示星期几的消息

Showing message of the week's day

javascript

arrays

sorting

jquery

message