我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道读取当前日期使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
现在要做一个读取当前系统“日期”试验,要用到JavaScript语言中的getUTCDay()方法实现。语法如代码1。
语法:
string.getUTCDay()
“string”代表字符串名
(代码1)
定义一个字符串数组Array(),如代码2
var QQQ2838697670 =newArray(7);
(代码2)
调用数组下标“[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)
把代码3移植进自定义函数Q2838697670()实现读取系统日期功能。如代码4。
function Q2838697670()
{
var cj=new Date();
var QQQ2838697670 =new Array(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()];
(代码4)
}
自定义函数QQQQ2838697670()实现清零功能。如代码5。
function QQQQ2838697670()
{
var cj2=" ";
var cj1 =document.getElementById("QQ2838697670");
cj1.innerHTML=cj2;
(代码5)
}
把前面定义的函数Q2838697670()和QQQQ2838697670()封装成JavaScript小程序块脚本。如代码6。
<script>
function Q2838697670()
{
var cj= new Date();
var QQQ2838697670 = new Array(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()];
}
function QQQQ2838697670()
{
var cj2=" ";
var cj1 = document.getElementById("QQ2838697670");
cj1.innerHTML=cj2;
}
</script>
(代码6)
使用JavaScript语言的4种引入方式之一的< body >方式,把上面的设计好的JavaScript小程序块脚本引入到Html5框架中,并使用< button >实现点击调用对应函数功能。如代码7。
<!DOCTYPE HTML>
<html>
<head>
<title>微信公众号:design-Rabbit</title>
</head>
<body>
<p id="QQ2838697670">
单击按钮返回一周的某天(UTC)。
</p>
<button onclick="Q2838697670()">
点我
</button>
<button onclick="QQQQ2838697670()">
点我清零
</button>
<script>
function Q2838697670()
{
var cj= new Date();
var QQQ2838697670 = new Array(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()];
}
function QQQQ2838697670()
{
var cj2=" ";
var cj1 = document.getElementById("QQ2838697670");
cj1.innerHTML=cj2;
}
</script>
<p>
<strong>注意:</strong> 0=周日, 1=周一, 类推。
</p>
</body>
</html>
(代码7
运行代码7,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。
图1
点击图1中按钮“点我”效果显示“今天是:”+“当前系统日期”如图2,这个日期要看你系统当前时间。
图2
点击图2中按钮“点我清零”效果如图3
图3
我们运行前面设计好的JavaScript小程序块脚本后,看到运行结果如图1,2这就说明我们这次的试验成功了。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html