如何写15分钟的计时器

本文介绍了如何创建一个15分钟倒计时计时器,通过利用登录时间作为固定时间点,结合JavaScript的setInterval方法进行定时更新。详细讲解了从登录时间获取毫秒值,计算倒计时过程,并在时间结束后停止计时器的方法。
摘要由CSDN通过智能技术生成

以下图片是我做项目的一个订单界面,一开始想要做出来15分钟的倒计时的一个计时器,但是却无从下手,想了差不多两天才想出来。当终于做出来的时候,心情是无比的兴奋。现在给大家分享一下我的做法和想法:
在这里插入图片描述
因为我的确认订单还没有做出来,所以没有下单时间,因此我想到了用当前的时间。原来的思路就是获取当前的时间,然后把当前的时间加上15分钟,然后再减去当前时间。可问题是当前的时间是在定时器里获取的,当前时间是在不停的跳动,所以在不停的获取。而我需要的是获取当前此时此刻的时间。所以当前时间加上15分钟后的时间和当前时间都是不同的,被减数永远都是15分钟。然后我就进行更改。
在这里插入图片描述
所以上面提到的下单时间是要一个定值,所以我选择了用登录时间,登录时间是确定的。控制器返回登录时间给页面,页面接收就可以直接使用了。在window的setInterval () 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。我这里以1000毫秒,也就是1秒来执行一次。
在这里插入图片描述
上面的登录时间为(2019-07-26 11:26:25),为什么要把登录时间放进Date()里面呢?把登录时间转换为中国时间的格式&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值