倒计时器

开发工具与关键技术:VS 与layui
作者:梁英豪
撰写时间:2019年4月14日

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值