Javascript 显示星期一的信息
我正在尝试实现一个小脚本,以按顺序显示消息,形成一个数组,因为每个星期的一天都是另一个数组。我开始了,但我被卡住了。 代码是Javascript 显示星期一的信息,javascript,jquery,arrays,sorting,message,Javascript,Jquery,Arrays,Sorting,Message,我正在尝试实现一个小脚本,以按顺序显示消息,形成一个数组,因为每个星期的一天都是另一个数组。我开始了,但我被卡住了。 代码是 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
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>
为天创建邮件对象,如下所示:
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
完成转介
html
到目前为止你累了什么?你整天都想展示什么?只有当一天变得淡出淡出的时候?你为什么要使用setInterval?@mrs68tm我认为你应该接受既有助于你获得原始答案又有助于你从其他答案中复制答案的答案。这会让社区变得更强大。但是为什么你不接受我的答案作为正确答案呢?有什么不对劲吗?
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);
<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>
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);