开发工具与关键技术:VS 与layui
作者:梁英豪
撰写时间:2019年4月14日
倒计时器
现在这个社会哪都有计时器,但是你会设计一个自己的计时器吗?例如:倒计时劳动节!倒计时某人生日!倒计时高考!。。。。。。这些都可以倒计时,但是这些可以设计出来吗?
这些都可以设计,因为有学过设计时间的编码。刚好有一个插件是有设计计时器的。就是layui。
这是别人已经写好的代码,你只要会引用别人的代码就能设计出自己想要的计时器了。
然后就是样式了,样式别人也是写好了但是要引用对才行,不然拉到其他的话,样式也会改变的。这里就简简单单的引用两个已经写好HTML的样式。
再开始行动!先给一个地方放计时器的。然后再给一个ID值给它。因为ID是唯一的。这样就会跟其他的代码混淆在一起了。现在找到ID就行了。
然后引用方法。Util和endTime就是定义方法的名称,在接下来如果再出现要写那样的字段,就可以直接的把自定义的方法名称写下来就可以了。这样也会带来方便还有简洁。
结束时间那里要注意了。里面所指向的月份呢!是要从0月开始计算的。
因为我刚刚接触的时候就掉进了这个坑里面,老是想怎么会快了一个月呢?才想起老师说过外国的月份是从0开始计算还有星期还有年份。。。。。。
Util还有endTime就是开头所说的定义的方法名称,作用就是用在这里。然后呢?就用一个date返回数据回去。Srt这个自定义的方法名称就是把时间一个一个的分割出来。
单引号就是把字段插入进去就可以显示还有多少天多少时。下面一行就是用testID引用出来。单引号都是会在页面上显示出字段来的。
最终呢?我就是设计了她的生日,将要在多少天到来呢?不用你去计算。只要看到我页面的显示,大部分都可以一目了知。虽然这是一个插件就能完成的东西,但是自己要会引用它才行。