如何写15分钟的计时器
以下图片是我做项目的一个订单界面,一开始想要做出来15分钟的倒计时的一个计时器,但是却无从下手,想了差不多两天才想出来。当终于做出来的时候,心情是无比的兴奋。现在给大家分享一下我的做法和想法:
因为我的确认订单还没有做出来,所以没有下单时间,因此我想到了用当前的时间。原来的思路就是获取当前的时间,然后把当前的时间加上15分钟,然后再减去当前时间。可问题是当前的时间是在定时器里获取的,当前时间是在不停的跳动,所以在不停的获取。而我需要的是获取当前此时此刻的时间。所以当前时间加上15分钟后的时间和当前时间都是不同的,被减数永远都是15分钟。然后我就进行更改。
所以上面提到的下单时间是要一个定值,所以我选择了用登录时间,登录时间是确定的。控制器返回登录时间给页面,页面接收就可以直接使用了。在window的setInterval () 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。我这里以1000毫秒,也就是1秒来执行一次。
上面的登录时间为(2019-07-26 11:26:25),为什么要把登录时间放进Date()里面呢?把登录时间转换为中国时间的格式,方便在下面运算。其次就是15分钟的一个毫秒值,下面要进行计算。然后就是把登录时间加上15分钟后的时间也就是第二次时间,设置它的毫秒值(900000)相当于登录时间的毫秒值加上900000毫秒。
时间段=15分钟后的时间获取毫秒值—减去当前时间的毫秒值,得到的就是时间段的一个毫秒值。再计算除了小时还剩余多少毫秒,hou1是剩余多少小时,Math.floor是对一个数进行向下取整计算,它返回的是小于或等于函数参数,并且与之最接近的整数。,其次是剩余多少分钟,除了分钟剩余多少毫秒,剩余多少秒数。
设置一个空字符串,如果剩余分钟>0,就拼接分字,接着拼接秒字,多少分多少秒。否则就直接多少秒。把字符串设置相应位置的ID的文本值。在这里我再设置一下,给一个判断,如果分钟<=0秒数<=0,就停止计时器。
上面就是具体的操作,希望对你们有用,如果哪里分析不够恰当或者不清晰的地方请海涵,还可以在评论下面进行点评和指正~
如何写15分钟的计时器相关推荐
- python 神经网络工具_神经网络15分钟入门!使用python从零开始写一个两层神经网络...
本篇是该系列的第三篇,建议在阅读本篇文章之前先看前两篇文章. 在本文中将使用python实现之前描述的两层神经网络,并完成所提出的"象限分类"的问题. 需要注意的是,虽然标题叫做神 ...
- php 实现时时更新地图,PHP实现隔15分钟自动更新网站地图功能
PHP实现隔15分钟自动更新网站地图功能 发布时间:2020-05-22 14:36:46 来源:亿速云 阅读:168 作者:鸽子 最近在弄一个短网址,自己写的代码.锻炼一下自己.在做html网站地图 ...
- 15分钟了解Apache Phoenix(HBase的开源SQL引擎)
翻译自官方文档(http://phoenix.apache.org/Phoenix-in-15-minutes-or-less.html),翻译的不好,望轻拍砖! 什么是Phoenix? Phoeni ...
- 15分钟从零开始搭建支持10w+用户的生产环境(二)
上一篇文章,把这个架构的起因,和操作系统的选择进行了详细说明. 原文地址:15分钟从零开始搭建支持10w+用户的生产环境(一) 二.数据库的选择 对于一个10W+用户的系统,数据库选择很重要. 一 ...
- 15分钟从零开始搭建支持10w+用户的生产环境(四)
上一篇文章,介绍了这个架构中,WebServer的选择,以及整个架构中扩展时的思路. 原文地址:15分钟从零开始搭建支持10w+用户的生产环境(三) 五.架构实践 前边用了三篇文章,详细介绍了这个 ...
- 赶紧3分钟学完15分钟的内容我要出去玩(8)
作者简介 作者名:1_bit 简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者.15-16年曾在网上直播,带领一批程序小白走上程序员之路.欢迎各位小白加我咨询我相关信息,迷茫的你会找到 ...
- Java笔记-以系统时间为基准15分钟运行一次指定代码
这个思路比较好,在此记录下,在java里面比较鸡肋,毕竟有很多大框架直接完成了工作. 但在C/C++里面这个思路就比较重要了.在此记录下. 如下代码: while(true){long time = ...
- jq 正则判断邮箱_Python正则15分钟入门
lypython群里有同学问我,如何从大量格式不确定的word文档抽取姓名.电话号码.邮箱等信息存入excel表格.通过之前我们的文章,他已经学会读取和写入文档和表格,但就是无法处理格式不确定的文档. ...
- 国外大神一张图学会python-12306看了会沉默,国外大神利用机器学习15分钟破解网站验证码!...
原标题:12306看了会沉默,国外大神利用机器学习15分钟破解网站验证码! 相信很多同学,都曾被12306的神级验证码虐到过怀疑人生,但是看了下面这一位国外一位大神的分享,小蓝我算是知道为什么1230 ...
最新文章
- VS2010与.NET4系列 5.代码优化的Web开发轮廓
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件
- linux c之STDIN_FILENO的作用及与stdin的区别
- jenkins配置用户权限
- mysql limit 5 5 正确_MySql 5.7 同时使用order by和limit时结果集不正确的问题
- Qt 5 如何修改打包好的应用程序图标
- 修改linux端口22,修改LINUX 默认的22端口
- opencv中的图像拼接
- pandas loc, iloc, ix, at, iat用法
- 笔记:《深入浅出统计学》第十四章:卡方分布
- SpringMVC+VUE开发环境搭建
- 2021年中国商业地产市场现状分析,销售面积下降,依托核心城市构建差异化是关键「图」
- 从全面了解高级计量经济学体系+stata实操+实证研究前沿+论文+大数据机器学习+空间计量......._Stata高级计量经济学 陈强
- 靶机渗透日记 responder
- 国家队上场——国家测绘局网络地图网站评测
- Impala graceful shutdown功能介绍
- 随笔-关系抽取(三) — Dependency-based Models
- 将PDF转换成Word文档后,为什么字体全变了?
- 风投是如何逆势布局DeFi项目的?
- 快速编写HTML代码常用的方法