使用数组(JavaScript)创建简单的下一个/上一个链接

使用数组(JavaScript)创建简单的下一个/上一个链接,javascript,Javascript,我创建了一个简单的表格,显示了今天的情况以及当天运行的类。我想有一个链接,能够去到下一天或前一天,看看哪些课程在这些天。下面是我的代码: <table border="1"> <th><div id="display_day"></div></th> <tr> <td> <script type="text/javascript"> var day_today=new Date(); var w

我创建了一个简单的表格,显示了今天的情况以及当天运行的类。我想有一个链接,能够去到下一天或前一天,看看哪些课程在这些天。下面是我的代码:

<table border="1">
<th><div id="display_day"></div></th>
<tr>
<td>

<script type="text/javascript">

var day_today=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";

document.getElementById("display_day").innerHTML=weekday[day_today.getDay()]; /* display in "display_day" div above */

if (day_today.getDay()==0) /* sun */
   {
   document.write("No classes today");
   }
   else if (day_today.getDay()==1) /* mon */
   {
   document.write("9.30am - 10.30am: Mixed<br>5pm - 7pm: Mens advanced");
   }
   else if (day_today.getDay()==2)/* tues */
   {
   document.write("5pm - 7pm: Mens<br>7pm - 9pm: Womens");
   }
   else if (day_today.getDay()==3)/* wed */
   {
   document.write("9.30am - 10.30am: Mixed<br>12pm - 1pm: mums and bubs<br>5pm - 7pm: Mens advanced<br>7pm - 9pm: mixed");
   }
   else if (day_today.getDay()==4)/* thurs */
   {
   document.write("4.15pm - 6.15pm: Kids<br>5pm - 7pm: Mens<br>7pm - 9pm: Womens");
   }
   else if (day_today.getDay()==5)/* fri */
   {
   document.write("5pm - 7pm: Mens advanced");
   }
   else if (day_today.getDay()==6)/* sat */
   {
   document.write("8.30am - 10am: Kids<br>10am - 11am: Womens");
   }

</script>

</td>
</tr>
</table> 

var day_today=新日期();
var weekday=新数组(7);
工作日[0]=“周日”;
工作日[1]=“周一”;
工作日[2]=“星期二”;
工作日[3]=“星期三”;
工作日[4]=“周四”;
工作日[5]=“周五”;
工作日[6]=“周六”;
document.getElementById(“display_day”).innerHTML=weekday[day_today.getDay()];/*显示在上面的“显示日”分区中*/
如果(day_today.getDay()==0)/*sun*/
{
写文件(“今天没有课”);
}
如果(day_today.getDay()==1)/*mon*/
{
写文件(“上午9点30分至10点30分:混合
下午5点至7点:男士高级”); } 如果(day_today.getDay()==2)/*周二*/ { 记录。写下(“下午5点至7点:男士
晚上7点至9点:女士”); } 如果(day_today.getDay()==3)/*wed*/ { 记录。写下(“上午9:30-10:30:混合
中午12:00-下午1:00:妈妈和弟弟
下午5:00-7:00:男士高级
晚上7:00-9:00混合”); } 如果(day_today.getDay()==4)/*周四*/ { 记录。写下(“下午4点15分至6点15分:儿童
5点至7点:男性
7点至9点:女性”); } 如果(day_today.getDay()==5)/*fri*/ { 写作(“下午5点至7点:男士高级”); } 如果(day_today.getDay()==6)/*sat*/ { 记录。写下(“上午8:30-10:00:儿童
10:00-11:00:女性”); }
任何帮助都将不胜感激。

试试这个

HTML


ShowSchedule();
JavaScript

var today_day = new Date().getDay();

function ShowSchedule() {
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        scheduledClass = "";

    switch (today_day) {
    case 0:
        scheduledClass = "No classes today";
        break;
    case 1:
        scheduledClass = "9.30am - 10.30am: Mixed<br>5pm - 7pm: Mens advanced";
        break;
    case 2:
        scheduledClass = "5pm - 7pm: Mens<br>7pm - 9pm: Womens";
        break;
    case 3:
        scheduledClass = "9.30am - 10.30am: Mixed<br>12pm - 1pm: mums and bubs<br>5pm - 7pm: Mens advanced<br>7pm - 9pm: mixed";
        break;
    case 4:
        scheduledClass = "4.15pm - 6.15pm: Kids<br>5pm - 7pm: Mens<br>7pm - 9pm: Womens";
        break;
    case 5:
        scheduledClass = "5pm - 7pm: Mens advanced";
        break;
    case 6:
        scheduledClass = "8.30am - 10am: Kids<br>10am - 11am: Womens";
        break;

    }
    document.getElementById("display_day").innerHTML = weekday[today_day];
    document.getElementById("display_class").innerHTML = scheduledClass;
}

function ShowOtherSchedule(isNextDay) {
    if (isNextDay) {
        today_day = (today_day == 6) ? 0 : today_day + 1;
    }
    else {
        today_day = (today_day == 0) ? 6 : today_day - 1;
    }
    ShowSchedule();
}
var today\u day=new Date().getDay();
函数ShowSchedule(){
var weekday=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”],
scheduledClass=“”;
开关(今日){
案例0:
scheduledClass=“今天没有课”;
打破
案例1:
scheduledClass=“上午9点30分至上午10点30分:混合
下午5点至晚上7点:男士高级”; 打破 案例2: scheduledClass=“下午5点到晚上7点:男士
晚上7点到晚上9点:女士”; 打破 案例3: scheduledClass=“上午9点30分至上午10点30分:混合
12点至下午1点:妈妈和孩子
5点至晚上7点:男士高级
7点至晚上9点:混合”; 打破 案例4: scheduledClass=“下午4点15分至6点15分:儿童
下午5点至7点:男性
晚上7点至9点:女性”; 打破 案例5: scheduledClass=“下午5点到晚上7点:男士高级”; 打破 案例6: scheduledClass=“8.30am-10am:儿童
10am-11am:女性”; 打破 } document.getElementById(“display_day”).innerHTML=工作日[今天]; document.getElementById(“display_class”).innerHTML=scheduledClass; } 功能显示其他时间表(isNextDay){ 如果(isNextDay){ 今日日=(今日日==6)?0:今日日+1; } 否则{ 今日=(今日==0)?6:今日-1; } ShowSchedule(); }
工作演示:

var today_day = new Date().getDay();

function ShowSchedule() {
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        scheduledClass = "";

    switch (today_day) {
    case 0:
        scheduledClass = "No classes today";
        break;
    case 1:
        scheduledClass = "9.30am - 10.30am: Mixed<br>5pm - 7pm: Mens advanced";
        break;
    case 2:
        scheduledClass = "5pm - 7pm: Mens<br>7pm - 9pm: Womens";
        break;
    case 3:
        scheduledClass = "9.30am - 10.30am: Mixed<br>12pm - 1pm: mums and bubs<br>5pm - 7pm: Mens advanced<br>7pm - 9pm: mixed";
        break;
    case 4:
        scheduledClass = "4.15pm - 6.15pm: Kids<br>5pm - 7pm: Mens<br>7pm - 9pm: Womens";
        break;
    case 5:
        scheduledClass = "5pm - 7pm: Mens advanced";
        break;
    case 6:
        scheduledClass = "8.30am - 10am: Kids<br>10am - 11am: Womens";
        break;

    }
    document.getElementById("display_day").innerHTML = weekday[today_day];
    document.getElementById("display_class").innerHTML = scheduledClass;
}

function ShowOtherSchedule(isNextDay) {
    if (isNextDay) {
        today_day = (today_day == 6) ? 0 : today_day + 1;
    }
    else {
        today_day = (today_day == 0) ? 6 : today_day - 1;
    }
    ShowSchedule();
}