JavaScript——在特定日期显示内容

JavaScript——在特定日期显示内容,javascript,date,if-statement,switch-statement,Javascript,Date,If Statement,Switch Statement,我有一个switch语句,它根据一周中的哪一天在我的主页上显示内容。在案例6(星期六),我只需要证明每隔星期六有一节拳击课。我觉得在switch语句的case 6中需要一个if语句,但我不知道如何编写它(绝对是初学者) 有人能帮我吗?我的代码如下。谢谢 仅适用于案例6(下面的完整代码)------------------------------------------------------------> 与其让用户自行筛选可用日期,我只想显示这些日期上的类: 案例6://星期六 x=“10:3

我有一个switch语句,它根据一周中的哪一天在我的主页上显示内容。在案例6(星期六),我只需要证明每隔星期六有一节拳击课。我觉得在switch语句的case 6中需要一个if语句,但我不知道如何编写它(绝对是初学者)

有人能帮我吗?我的代码如下。谢谢

仅适用于案例6(下面的完整代码)------------------------------------------------------------> 与其让用户自行筛选可用日期,我只想显示这些日期上的类: 案例6://星期六 x=“10:30-12:00pm |女子拳击”; +“
”+ “下午1:00-3:00 |拳击课” +“
”+“
”+ “2014年夏季|仅6节” +“
”+ “拳击与训练” +“
”+ 以下日期的下午12:30-2:00:6月7日和21日、7月12日和26日、8月9日和23日 +“
”+ “在前往这里之前,请检查您的日历!”; 中断

完整代码------------------------------------------------------------------->

//Display today's date above today's classes
var todaysDate = (function(){
var d=new Date();

    var weekday=new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";

    var month=new Array(11);
    month[0]="January";
    month[1]="February";
    month[2]="March";
    month[3]="April";
    month[4]="May";
    month[5]="June";
    month[6]="July";
    month[7]="August";
    month[8]="September";
    month[9]="October";
    month[10]="November";
    month[11]="December";

    var currentTime = new Date()
    var dayOfWeek = weekday[d.getDay()];
    var month = month[d.getMonth()];
    var day = currentTime.getDate()
    var year = currentTime.getFullYear()

    document.write(dayOfWeek + ", " + month + " " + day + ", " + year);
});

//Switch statement to display 'today's classes' based on the day of the week
function todaysClasses(){
var x;
var d=new Date().getDay();
    switch (d)  {

      case 0:
        x="<strong>" + "The gym is closed on Sundays." + "</strong>";
        break;

      case 1://Monday
        x="4:30-5:15pm | Total Body"
         + "<br />" +
         "5:30-6:00pm | Core"
         + "<br />" +
         "6:00-6:30pm | Heavy Bag Class"
         + "<br />" +
         "6:00-7:00pm | Free Trial Class"
         + "<br />" +
         "6:30-7:00pm | Strength"
         + "<br />" +
         "7:00-8:30pm | Coed Boxing";
        break;

      case 2://Tuesday
        x="4:00-4:45pm | Total Body"
         + "<br />" +
         "5:00-5:30pm | Core"
         + "<br />" +
         "5:30-6:00pm | Strength"
         + "<br />" +
         "6:00-6:30pm | Heavy Bag Class"
         + "<br />" +
         "6:30-7:00pm | Cardio"
         + "<br />" +
         "7:00-8:30pm | Coed Boxing";
        break;

      case 3://Wednesday
        x="4:30-5:15pm | Total Body"
         + "<br />" +
         "5:30-6:00pm | Core"
         + "<br />" +
         "6:00-6:30pm | Strength"
         + "<br />" +
         "6:30-7:00pm | Heavy Bag Class"
         + "<br />" +
         "6:30-8:00pm | Women's Boxing";
        break;

      case 4://Thursday
        x="4:30-5:00pm | Strength"
         + "<br />" +
         "5:00-5:30pm | Cardio"
         + "<br />" +
         "5:30-6:00pm | Heavy Bag Class"
         + "<br />" +
         "6:30-8:00pm | Coed Boxing";
        break;

      case 5://Friday
        x="There are no classes on Fridays.";
        break;

      case 6://Saturday
        x="10:30-12:00pm | Women's Boxing";
         + "<br />" +
         "1:00-3:00pm | Sparring Class"
         + "<br />" + "<br />" +
         "<b>Summer 2014 | 6 Sessions Only</b>"
         + "<br />" +
         "<b>Sparring and Conditioning</b>"
         + "<br />" +
         "12:30-2:00pm on the following dates: June 7 &amp; 21, July 12 &amp; 26, August 9 &amp; 23"
         + "<br />" +
         "Check your calendar before heading here!";
        break;
      }
document.getElementById("byday").innerHTML=x;
}
//在今天的课程上方显示今天的日期
var todaysDate=(函数(){
var d=新日期();
var weekday=新数组(7);
工作日[0]=“周日”;
工作日[1]=“周一”;
工作日[2]=“星期二”;
工作日[3]=“星期三”;
工作日[4]=“周四”;
工作日[5]=“周五”;
工作日[6]=“周六”;
var月=新数组(11);
月[0]=“一月”;
月[1]=“2月”;
月[2]=“三月”;
月[3]=“4月”;
月[4]=“五月”;
月[5]=“6月”;
月[6]=“7月”;
月[7]=“8月”;
月[8]=“9月”;
月[9]=“10月”;
月[10]=“11月”;
月[11]=“12月”;
var currentTime=新日期()
var dayOfWeek=工作日[d.getDay()];
var month=month[d.getMonth()];
var day=currentTime.getDate()
var year=currentTime.getFullYear()
文件。写入(星期日+,“+月+”,“+日+”,“+年);
});
//Switch语句根据一周中的某一天显示“今天的课程”
函数todayslasses(){
var x;
var d=新日期().getDay();
开关(d){
案例0:
x=“”+“健身房周日休息。”+“”;
打破
案例1://星期一
x=“下午4:30-5:15 |全身”
+“
”+ “下午5:30-6:00 |核心” +“
”+ “下午6:00-6:30 |重包类” +“
”+ “下午6:00-7:00 |免费试用课” +“
”+ “下午6:30-7:00 |强度” +“
”+ “晚上7:00-8:30 |男女同校拳击”; 打破 案例2://星期二 x=“下午4:00-4:45 |全身” +“
”+ “下午5:00-5:30 |核心” +“
”+ “下午5:30-6:00 |强度” +“
”+ “下午6:00-6:30 |重包类” +“
”+ “下午6:30-7:00 |有氧运动” +“
”+ “晚上7:00-8:30 |男女同校拳击”; 打破 案例3://星期三 x=“下午4:30-5:15 |全身” +“
”+ “下午5:30-6:00 |核心” +“
”+ “下午6:00-6:30 |强度” +“
”+ “下午6:30-7:00 |重包类” +“
”+ “下午6:30-8:00 |女子拳击”; 打破 案例4://星期四 x=“下午4:30-5:00 |强度” +“
”+ “下午5:00-5:30 |有氧” +“
”+ “下午5:30-6:00 |重包类” +“
”+ “下午6:30-8:00,男女同校拳击”; 打破 案例5://星期五 x=“星期五不上课。”; 打破 案例6://星期六 x=“10:30-12:00pm |女子拳击”; +“
”+ “下午1:00-3:00 |拳击课” +“
”+“
”+ “2014年夏季|仅6节” +“
”+ “拳击与训练” +“
”+ 以下日期的下午12:30-2:00:6月7日和21日、7月12日和26日、8月9日和23日 +“
”+ “在前往这里之前,请检查您的日历!”; 打破 } document.getElementById(“byday”).innerHTML=x; }
不太清楚。。。但是我试过了

您应该看看jquery来操作dom,也许有一个后端来询问数据。。。但就目前而言,我建议您学习编写简单函数,而不是200行函数

var datas =  [];

//This should be asked to something like a backend no?
function getDatas(){
//Sorry, I' lazy, complete yourself
    var datas =  
     [ {info : "<strong>Gym is closed on Sundays</strong>"}]

     ,[ {from:"4:30", to : "5:15", info:"TotalBody" },
       {from:"5:30", to : "6:15", info:"Core" }
     ];
    return datas;
};



function displayFor(date){
    var allDatas = getDatas();
    var dayDatas = allDatas[date.getDay()];

    //Just construct an html, it's not beautifull at all but simplier that yours.
    var displayText = "";
    for(var i=0;i<dayDatas.length;i++){
        var event = dayDatas[i];
        if(event.from && event.to ){
            displayText += (event.from + "-" + event.to );
        }
        displayText += event.info;
        displayText +="<br/>";
    };

    document.getElementById("byday").innerHTML= displayText;
}
var数据=[];
//这应该是一个像后端一样的问题吗?
函数getDatas(){
//对不起,我很懒,完成你自己
变量数据=
[{info:“健身房周日休息”}]
,[{从“4:30”到“5:15”,信息:“TotalBody”},
{从:“5:30”到“6:15”,信息:“核心”}
];
返回数据;
};
函数显示(日期){
var allDatas=getDatas();
var dayDatas=allDatas[date.getDay()];
//只要构造一个html,它一点也不漂亮,但比你的简单。
var displayText=“”;
对于(var i=0;i