学习JavaScript笔记——读取当前日期

这个故事发生在某天，喝完早茶帮女同事打包了个陈村粉就回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《Html5》教程，存起来以后当文化传播作品使用。

一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间一个说自已是从武汉来广州渡假的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”。
我问：“你们都想学啥？”。
女粉丝说：“陈老师！我想知道读取当前日期方法。“，下面就给大家讲下这个问题。

现在要做一个读取当前系统“日期”试验，要用到JavaScript语言中的getUTCDay()方法实现。语法如代码1。

语法:
string.getUTCDay()
“string”代表字符串名

定义一个字符串数组Array()，如代码2

var QQQ2838697670 =newArray(7);

调用数组下标“[0~7]”给字符串数组赋值如下。代码3。

var cj2="今天是："；
QQQ2838697670[0]=cj2+"星期日";
QQQ2838697670[1]=cj2+"星期一";
QQQ2838697670[2]=cj2+"星期二";
QQQ2838697670[3]=cj2+"星期三";
QQQ2838697670[4]=cj2+"星期四";
QQQ2838697670[5]=cj2+"星期五";
QQQ2838697670[6]=cj2+"星期六";

把代码3移植进自定义函数Q2838697670()实现读取系统日期功能。如代码4。

function Q2838697670()
{
var cj=newDate();
var QQQ2838697670 =newArray(7);
var cj2="今天是：";
QQQ2838697670[0] =cj2+"星期日";
QQQ2838697670[1] =cj2+"星期一";
QQQ2838697670[2] =cj2+"星期二";
QQQ2838697670[3] =cj2+"星期三";
QQQ2838697670[4] =cj2+"星期四";
QQQ2838697670[5] =cj2+"星期五";
QQQ2838697670[6] =cj2+"星期六";
var cj1 =document.getElementById("QQ2838697670");
cj1.innerHTML=QQQ2838697670[cj.getUTCDay()];
}

自定义函数QQQQ2838697670()实现清零功能。如代码5。

function QQQQ2838697670()
{
var cj2=" ";
var cj1 =document.getElementById("QQ2838697670");
cj1.innerHTML=cj2;
}

把前面定义的函数Q2838697670()和QQQQ2838697670()封装成JavaScript小程序块脚本。如代码6。

functionQ2838697670(){varcj=newDate();varQQQ2838697670 =newArray(7);varcj2="今天是：";QQQ2838697670[0] =cj2+"星期日";QQQ2838697670[1] =cj2+"星期一";QQQ2838697670[2] =cj2+"星期二";QQQ2838697670[3] =cj2+"星期三";QQQ2838697670[4] =cj2+"星期四";QQQ2838697670[5] =cj2+"星期五";QQQ2838697670[6] =cj2+"星期六";varcj1 =document.getElementById("QQ2838697670");cj1.innerHTML=QQQ2838697670[cj.getUTCDay()];}  functionQQQQ2838697670(){varcj2=" ";varcj1 =document.getElementById("QQ2838697670");cj1.innerHTML=cj2;}

使用JavaScript语言的4种引入方式之一的方式，把上面的设计好的JavaScript小程序块脚本引入到Html5框架中并使用实现点击调用对应函数功能。如代码7。

单击按钮返回一周的某天（UTC）。

点我 点我清零

注意: 0=周日, 1=周一, 类推。

运行代码7，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。

图1

点击图1中按钮“点我”效果显示“今天是：”+“当前系统日期”如图2,这个日期要看你系统当前时间。

图2

点击图2中按钮“点我清零”效果如图3

图3

我们运行前面设计好的JavaScript小程序块脚本后，看到运行结果如图1，2这就说明我们这次的试验成功了。

好！杰哥JavaScript学习笔记分享到这里，要知后事如何请关注我，如果喜欢请打赏。