我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道设置年、月、日使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
现在要做的这试验是设置“年”,“月”,“日”,要用到JavaScript语言中的setFullYear(2020,10-1,3)方法和日期对象的定义规则,如代码1。
语 法:
string.setFullYear()
“string”代表字符串名
(代码1)
自定义日期变量“cj”,使用"Date()"方法获取系统当前日期并赋值给“cj”,如代码2。
var cj =new Date();
(代码2)
使用JavaScript语言中的“setFullYear()”方法设置日期为“2020,10-1,3”,如代码3。
cj.setFullYear(2020,10-1,3);
(代码3)
自定义函数“QQ2838697670()”通过setFullYear()方法实现修改日期为“2020,10-1,3”,如代码4。
function QQ2838697670()
{
var cj =newDate();
cj.setFullYear(2020,10-1,3);
var cj1 =document.getElementById("Q2838697670")cep;
cj1.innerHTML=cj;
}
(代码4)
自定义函数“QQQ2838697670()”通过setFullYear()方法实现修改日期为“1982,06-1,22”,代码5。
function QQQ2838697670()
{
var cj =newDate();
cj.setFullYear(1982,06-1,22);
var cj1 =document.getElementById("Q2838697670");cj1.innerHTML=cj;
}
(代码5)
自定义函数“QQQQ2838697670()”通过setFullYear()方法实现获取当前系统时间,如代码6。
function QQQQ2838697670()
{
var cj =newDate();
varcj1 =document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
(代码6)
把前面自定义的三个函数并封装成JavaScript小程序块脚本,代码7。
<script>
function QQ2838697670()
{
var cj = new Date();
cj.setFullYear(2020,10-1,3);
var cj1 = document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
function QQQ2838697670()
{
var cj = new Date();
cj.setFullYear(1982,06-1,22);
var cj1 = document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
function QQQQ2838697670()
{
var cj = new Date();
var cj1 = document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
</script>
(代码7)
使用JavaScript语言的4种引入方式之一的方式,把上面设计好的JavaScript小程序块脚本引入到Html5框架中并使用实现点击输出日期字符串效果,如代码8。
<!DOCTYPE HTML>
<html>
<head>
<title>微信公众号:design-Rabbit</title>
</head>
<body>
<p>单击按钮显示修改后的年月日。</p>
<p id="Q2838697670"></p>
<button onclick="QQ2838697670()">点我日期为(2020,10,3)</button>
<button onclick="QQQ2838697670()">点我日期为(1982,06,22)</button>
<button onclick="QQQQ2838697670()">点我日期为当前系统日期</button>
<script>
function QQ2838697670()
{
var cj = new Date();
cj.setFullYear(2020,10-1,3);
var cj1 = document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
function QQQ2838697670()
{
var cj = new Date();
cj.setFullYear(1982,06-1,22);
var cj1 = document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
function QQQQ2838697670()
{
var cj = new Date();
var cj1 = document.getElementById("Q2838697670");
cj1.innerHTML=cj;
}
</script>
<p>因为JavaScript语言setFullYear()月份数是0~11。</p>
<p>所以设计时间要“-1”例如月1月是0月。</p>
</body>
</html>
(代码8)
运行代码8,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的图1,学习代码运行方法。
图1
点击图1中的“点我日期为(2020,10,3)”得到图2效果
图2
点击图2中的“点我日期为(1982,06,22)”得到图3效果
图3
点击图3中的“点我日期为当前系统日期”得到图4效果
图4
在我们运行前面设计好的JavaScript小程序块脚本后,看到运行结果如图1,2,3,4这就说明我们这次的试验成功了。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html