我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道读取当前系统时、分、秒使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
现在要做的这个试验是读取当前系统“时”,“分”,“秒”,要用到JavaScript语言中的getHours()、getMinutes()、getSeconds()3种方法和日期对象Date()方法实现。语法如代码1。
语 法:
string.getHours()
string.getMinutes()
string.getSeconds()
“string”代表字符串名
(代码1)
自定义函数“ Q2838697670()”实现输出当前系统“时”,“分”,“秒”到页面并封装成小程序块JavaScript脚本。如代码3。
<script>
function Q2838697670()
{
var cj=new Date();
cj.setHours(00,00,00);
document.write("修改时间为:"+cj);
}
</script>
(代码3)
使用JavaScript语言的4种引入方式之一的< head >方式,把上面设计好的JavaScript小程序块脚本引入到Html框架中并使用< h3 >实现点击设置“时”、“分”、“秒”效果。如代码4。
<!DOCTYPE HTML>
<html>
<head>
<script>
function Q2838697670()
{
var cj=new Date();
cj.setHours(00,00,00);
document.write("修改时间为:"+cj);
}
</script>
</head>
<body>
<h3 onclick="Q2838697670()">
点击我设置系统时、分、秒。为00点00分00秒
</h3>
</body>
</html>
(代码4)
运行代码4,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。
图1
点击图1中的“点击我显示当前系统时、分、秒”得到图2效果
图2
在我们运行前面设计好的JavaScript小程序块脚本后,看到运行结果如图1,2这就说明我们这次的试验成功了。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html