以下图片是我做项目的一个订单界面,一开始想要做出来15分钟的倒计时的一个计时器,但是却无从下手,想了差不多两天才想出来。当终于做出来的时候,心情是无比的兴奋。现在给大家分享一下我的做法和想法:
因为我的确认订单还没有做出来,所以没有下单时间,因此我想到了用当前的时间。原来的思路就是获取当前的时间,然后把当前的时间加上15分钟,然后再减去当前时间。可问题是当前的时间是在定时器里获取的,当前时间是在不停的跳动,所以在不停的获取。而我需要的是获取当前此时此刻的时间。所以当前时间加上15分钟后的时间和当前时间都是不同的,被减数永远都是15分钟。然后我就进行更改。
所以上面提到的下单时间是要一个定值,所以我选择了用登录时间,登录时间是确定的。控制器返回登录时间给页面,页面接收就可以直接使用了。在window的setInterval () 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。我这里以1000毫秒,也就是1秒来执行一次。
上面的登录时间为(2019-07-26 11:26:25),为什么要把登录时间放进Date()里面呢?把登录时间转换为中国时间的格式&#x
如何写15分钟的计时器
最新推荐文章于 2022-08-26 19:06:20 发布
本文介绍了如何创建一个15分钟倒计时计时器,通过利用登录时间作为固定时间点,结合JavaScript的setInterval方法进行定时更新。详细讲解了从登录时间获取毫秒值,计算倒计时过程,并在时间结束后停止计时器的方法。
摘要由CSDN通过智能技术生成