00:00
来,咱们接着看啊。远程同学在吗?在的话打个一啊。好嘞。好嘞。其他两位同学呢?刘洋、姜正宇。嘿。哦,在是吗?江澄宇呢?小江,小江不在啊。
01:02
嗯。那不等了啊,不等来咱们接着看啊,这个上节课呢,咱们把这个叫做。啊,什么什么。获取下载里边选中项的value。说完了吗?诶,没说完吗?不两种方式吗?是不是哪两种方式啊,都实现了吗,刚才。啊行,那咱接着往下看啊。下面有个显示网页时钟。来我们这呢,从这新建一个文件啊,我们叫008啊,我们叫做显示网页时钟。
02:02
啊,这个功能很简单啊。显示网页时钟肯定跟时间有关系,所以先讲第一个内容,就是我们在JS当中的这个有一个内置的一个知识类啊,就是关于日期类,我先把日期类说一说。然后紧接着我们再去显示网页时钟啊,我们先讲先去学习第一个点啊。关于JS中内置的支持类,叫做data。啊,可以。用来获取。时间或者或者叫日期,首先第一个获取系统当前时间就是这样的,直接用date就行。
03:12
这这就这就行了啊,然后接下来我们。输出。输出呢,教大家另外一种方式啊,之前一直window alert是吧,现在是有一个document点什么right。啊。这个啊斜。是吧,啊。这个时间嘛,就输出了。这个有点类似于咱们Java中的什么呀,System out,烂。明白吧,这样。
04:02
获取系统当前时间,然后呢,输出输出这个格式我不满意啊。对吧,哎,注释了啊翻开。这个格式这样的我看不懂,我可能更希望本地化的。啊。就是就是转换成什么,转换成具有本地什么语言环境的日期格式,这样now time,这是一个日期嘛,然后它有一个叫to,什么local,就这个就这个就这个就这个啊to string。他呢就可以转转换啊,但是转换之后呢,这个是不是你想要的不一定啊。
05:04
转换。注意这有个E啊。To local string。啊。是不是比刚才要好点是吧,哎,好点啊,年月日上午11:15。那接下来咱们再继续往下啊。再往下干什么呢?诶知道这个了吧。当以上什么格式不是自己想要的。可以。通过日期获取什么年、月、日等信息。自定制什么日期格式,就是假如说你现在输入这个格式,这个不是你想要的这个这个这个这个格式,对吧,你可以怎么着啊。
06:00
可以把它年月日期息都给它获取到,然后自己排一个格式呗。对不对啊,所以说呢,这个。现在呢,我们再来获取一下啊。等于什么呢?你用什么date,然后呢t get什么呀。啊get full year啊用这个方法,这个可以得到全年日期,就全日期格式,全年日期全日期格式。如果你掉盖页的话,注意啊,它这个方法反复的,比如说。这个2019年他就会返回一九。你懂吧,如果是get full year的话,它反馈的就是2019。返回什么年信息?以什么全格式返回月?有吗?Get了?
07:07
年月日。对。这个t.get这个是吗?不是你想的,对,一会儿你就不这么说了。点right,因为你可能不知道它这里边是怎么一个啊年对不对。月日年日,好了吧,打开看看。换个行行啊。换行在这儿不能换行啊,你可以输出一个什么换行符,诶这个能看懂不不是啊,这你你写不了啊,因为这是什么脚本script啊,你在这个地方你可以写,但是你在这个里边你不行啊,你得这样输出才行。
08:18
明白。不对啊,不不是,不是开玩笑,这个月份是零到11啊,然后这个获取的不是年月日中的日,这个获取的是一周中的第几天。今天周几啊,周二。
09:03
注意啊,是零到。六。零到六啊。这个。应该换个词叫day of week。是吧,真正获取这个day是你日期调get day。这个是获取日信息。行,那再打开。这个位置对,你说的有道理啊,这个位置得加个一更适合我们嘛,对不对啊。7月9号。
10:03
这样吧,各位啊,这个格式呢,你愿意改可以改。继续往下document点输出,再来一个。换行啊,换行。然后再往下呢,咱们上面说的是什么呢?说的是这个怎么获取,我们这个叫这个系统当前时间啊,说了一个函数叫to local stream,转换成具有本地语言环境的一个日期,然后再往下呢,怎么获取年月日信息啊,拿到之后怎么输出,其实这些东西都。不是特别的重要,但是您这个得会啊。就获取系统当前时间,你内会还有一个非常非常重要的啊,重点了啊,各位怎么获取毫秒数,就是从什么时间开始呢?从1970年1月1日00:00:00零毫秒到当前系统时间的总什么毫秒数,另外。
11:12
怎么获取啊?还是这个T,这个T是不是系统当天时间的嘛,t.get time。就这。就这个啊,Get time。是吧,我刷新也是应该变码。一直在变吗?这就是我按着F5键不放手啊,一直刷,每刷新一次,它都要获取一个什么新的时间,新的系统时间,都会得到一个新的什么毫秒数。
12:07
这是个毫秒数,各位啊。这个有用啊,现在你可能感觉不出他有什么用,但这个有用的,这个毫秒数有用的,当时间戳,一般同学一般啊,一般会使用毫秒数当做时间戳,至于时间戳是什么对吧,这个你现在也不知道啊。Timetan。两行代码连起来用,这个应该很简单,点right,直接new一个date.get能看懂吧?系统当前时间该太忙。那就这个。嗯了吧。这里面我讲了两个重点,一。六。
13:00
二改time,别的都是次要的,都是次要的。那行了,那接下来我们要做一件什么事啊,我们要。我们这个主题是要干啥,显示网页时钟是吧?哎,也就是说现在呢,假如说我在这里啊,有一个input type类型是button,然后value我们写上叫显示系统时间,那这块呢,可能就有一个ID了。啊,或者说咱们别老写这个了,咱们加个uncle在这写,写得了行吧,显示显示display吧,就是display啊time调这个函数版显示器多长时间,然后这个位置呢,有一个div,我们把这个数据显示到div当中啊,比如time div。那这个代码应该会写吧,这啥意思,打开啊。
14:00
Yeah。行吧,我的意思是什么呢?就是说我一点你就把这个时间显示到下面的div上,下面不是有个div吗。显示器存在时间吗?我这这有个函数啊,我可以在定义函数吧,是不是这个好怎么办。用呗time.to local什么string转换成具有本地语言环境的什么字符串吧,把这个字符串放哪?放这个div上对不对?Div怎么获取啊?BYD是是不是它点一,那什么HT谁。是不是这个。能看懂吧,就这里有个按钮,我一点这个按钮就把时间显示到div里面嘛,那我就用一个系统时间,系统时间叫图log,就转成字符串,字符串这块一设置一段H段就行了呀。
15:06
来我们刷新一下,点一下你看。对吧,但这个时间你点一下它才动,你不点它不动。是不是得点一下才动啊?我想达到的效果是啥呢?我点完之后啊,他就一直走。不是太不专业了,我讲这个目的就是为了说这个事,我们大家每隔一秒调一下这个函数是不是对了。你好好思考一下啊,是不是每隔一秒钟我们调一下这个函数就对了。因为这个函数呢,它执行都会获取系统当前时间,然后转换成字符串,然后放到这个位置上。对吧?来,每隔一秒调用display time函数,那么我们从帮助当中看一看啊。
16:06
他有一个什么呢。这个script这块啊。有这个相关的这个对象,有个window对象,Window我们一直在用吧,哎,Window对象。呃,这个window对象,诶,这。找找啊找一下。这样吧,我们看一下这个人的道上有没有啊。帮我们参考啊。有没有说window的?Window下面有一个叫set interval。按照指定的周期以毫秒计来调用函数或计算表达式,就这个吧,就这个啊,它的用法是怎么用呢?Set这个位置有一个什么函数名称,这个位置是什么好?
17:14
大家看下边这个是不是这个位置是函数,后边是不是毫秒啊,那我们就用一下怎么用啊。每隔一秒调用display time这个函数就行了,window.set interval调哪个函数?掉这个吧,哎,掉这个。每隔多长时间,每隔1000毫秒就是一秒调用这个函数啊。但我们最初是点的这个按钮吧,点这个按钮你触发这个鼠标,单击事件之后,你应该调这个函数吗?不是吧,最好在这个位置写一个函数,我们叫start,假如说叫start啊,我们把这个代码挪到里边,接下来在这个位置我们调什么就行了。
18:16
这个能看懂吗?鼠标单击这个按钮的时候,是不是调start,而这个star是不是设置了每隔一秒钟掉一下这个函数,而这个函数每隔一秒执行一次,每隔一秒执行一次,每隔一秒执行一次吗?这个注意啊,只要设置。从设置从这行代码开始执行啊,从这行代码执行结束开始,则会不间断的啊,每隔1000毫秒调用一次谁display函数。这行代码啊,我们来看一下。点他。
19:05
他在一直改这一块的内容,就是这块内容他在一直在改,为什么他一直在改啊。因为他每隔一秒钟就会调一下这个函数,而这个函数都会获取系统当前时间,系统当前时间都会设置到什么?In,当HT里边都会设到div当中。所以每隔一秒就这一块的东西就改一次。懂什么意思吧,所以这里面最主要说的是谁这个。啊,这个叫set,那能停止吗?能不能停,咱们看一下啊,来在下边我们加一个input type类型是button,然后呢,我们在这加一个value,我们就停止。时间停止。系统时间停止,然后我们这块呢,我们加一个uncle。
20:00
我们叫stop呗,行吧,Stop这块是不是得写个函数啊,Function stop。就是我现在呢,我要做的一件事,什么事呢?我点它显示出来了,我想点它停下来。停停没停啊,停下来是吧,好,我一点它就执行这段代码,是不是停下来呀,好怎么停,我们得读帮助文档看好了啊各位看这。它这个set in这个方法是不是我们刚才调的这个方法,它可以设置间隔某一个特定的周期去执行一个代码或者是计算表达式,但是它这个函数执行结束之后有一个返回值,你看见了吗?他说这个返回值啊,是一个可以传递给window.clear从而取消对code的周期性执行的值。诶有意思啊,他说一个呀,他说这个返回它是一个什么东西,他说这个方法的返回值,它是一个什么东西,它是一个可以传递给这个。
21:09
也就是说,我问大家它是不是会返回一个值。这不就是它的返回值吗?这个set这个方法的返回值是一个可以传递给这个方法。从而通过这个方法来取消对code的周期性执行的值,那它的返回值你理解了吗?好,那它返回值是个什么。碎片儿呗。行吧,我为了让这个变量在这也能用,我前面去掉你懂的全局变量听懂了吗?接下来在这stop的时候,我们只要调另外的一个函数或者方法,Window clear interval,把V穿进去。
22:09
这是全局吧,开始stop就结束嘛,结束的时候window clear。是不是把这个V给他传过来,你不能这么干啊。这么干是局部变量。来,我们接下来打开之后呢,我们在这儿啊,看一看啊,我们刷新一下点一下。开始吧,34 35 36 37。停。不走了吧?不走了,不走了。好,这个呢,就是关于一对啊,哪一对一个一个clear。Site是可以设置间隔固定周期执行一个代码,Clear就是专门针对他的,把这个周期性的计划干什么给他取消掉,怎么取消靠的是你当时这个函数的什么返回值,把返回值传给这个方法就行了。
23:08
主要是为了说这个,各位并不是为了讲这个时钟。要知道这个知识点的讲的是什么啊,主要是讲的是这两个函数。好了各位,那这样的话,咱们前面这个JS的内置对象,这个是不是已经说了。当时我们不是说这个没讲吗?我说后边再讲,现在这个就是那个后边啊贝是不是说了,哎,网页时钟是不是也说了,也说了啊。那行,还有一个。
我来说两句