读取当前日期——免费JavaScript语言零基础极速入门

112 阅读3分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《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,学习代码运行方法。

image.png

图1

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

image.png

图2

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

image.png
图3

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

杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html