js计时器运行

蠢狗 2019-04-21 11:33:41
小白一个,这个计时器有大佬能解释下吗,特别是那个math.floor
...全文
177 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
虎子8 2019-09-10
  • 打赏
  • 举报
回复
math.floor 一个表示小于或等于指定数字的最大整数的数字。 由于 floor 是 Math 的一个静态方法,你总是应该像这样使用它 Math.floor(),而不是作为你创建的一个Math对象的一种方法(Math不是一个构造函数)。 感觉这种没必要问啊,直接百度一下就有答案
hailiangg 2019-09-09
  • 打赏
  • 举报
回复
引用 7 楼 mywzj666 的回复:
[quote=引用 5 楼 hailiangg 的回复:] [quote=引用 4 楼 hailiangg 的回复:] Math.floor 向下取整 例如小数math.floor(1.9 )返回结果是1, 在js这个使用的频率很少 因为转换成整形 parseInt 方法就是自动向下取整
Math.ceil(1.01) 返回2 这个方法为向上取整 并且这段代码并不能实现倒计时 setTimeout 意思是方法在1秒之后执行 并不会循环执行 需要改成setInterval方法 并在下课之后清除定时器。停止倒计时显示[/quote] 兄弟,很简单的递归啊。。。。[/quote] 看错了 在abc方法里面调用了abc方法 我以为没调用 其实直接setInterval方法会更好
mywzj666 2019-09-09
  • 打赏
  • 举报
回复
引用 5 楼 hailiangg 的回复:
[quote=引用 4 楼 hailiangg 的回复:] Math.floor 向下取整 例如小数math.floor(1.9 )返回结果是1, 在js这个使用的频率很少 因为转换成整形 parseInt 方法就是自动向下取整
Math.ceil(1.01) 返回2 这个方法为向上取整 并且这段代码并不能实现倒计时 setTimeout 意思是方法在1秒之后执行 并不会循环执行 需要改成setInterval方法 并在下课之后清除定时器。停止倒计时显示[/quote] 兄弟,很简单的递归啊。。。。
mywzj666 2019-09-09
  • 打赏
  • 举报
回复
兄弟,这不就是一个简单的递归调用吗。。。你别误导人家了
hailiangg 2019-09-09
  • 打赏
  • 举报
回复
引用 4 楼 hailiangg 的回复:
Math.floor 向下取整 例如小数math.floor(1.9 )返回结果是1, 在js这个使用的频率很少 因为转换成整形 parseInt 方法就是自动向下取整
Math.ceil(1.01) 返回2 这个方法为向上取整 并且这段代码并不能实现倒计时 setTimeout 意思是方法在1秒之后执行 并不会循环执行 需要改成setInterval方法 并在下课之后清除定时器。停止倒计时显示
hailiangg 2019-09-09
  • 打赏
  • 举报
回复
Math.floor 向下取整 例如小数math.floor(1.9 )返回结果是1, 在js这个使用的频率很少 因为转换成整形 parseInt 方法就是自动向下取整
妖丶刀 2019-08-22
  • 打赏
  • 举报
回复
t1==下课时间距离1970年1月1日的毫秒差 n==现在距离1970年1月1日的毫秒差 mins前面算出来的是分钟 ss是不足1分钟的秒数 比如90秒 就是1分钟30秒 Math.floor()函数向下取整的意思
sh__w 2019-04-21
  • 打赏
  • 举报
回复
getElementById() 方法返回对拥有指定 ID 对象的引用,n能得到当前时间,t1是下课时间,都是距 1970 年 1 月 1 日之间的毫秒数,除以(1000*60)得到分钟数。Math.floor(x)是返回一个小于等于 x,且与 x 最接近的整数。下面ss一样的原理,得到的是秒数。最后是赋值和延时1s。
天际的海浪 2019-04-21
  • 打赏
  • 举报
回复
两个时间值相减得到一个时间差,除以一分钟的毫秒值60000。并用Math.floor()取整就是两者相差的分钟数。计算秒数也一样类似
JS实现一个秒表计时器   本文实例为大家分享了JS实现秒表计时器的具体代码,供大家参考,具体内容如下  秒表计时器的实现:  效果图如下:  附代码,已调试运行                         Docum</a></div><div data-report-view="{"mod":"popu_645","index":"3","dest":"https://edu.csdn.net/course/detail/36807","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713483898390_04544\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAnFJREFUWEdjZGBgYFiyZBvft29fnBkYGOT+/2fgAYnRCjAyMnxhYGB4xMXFszcmxusTI8jyr1+/pjIw/OeglaXYzWX8wc3NPZtx1qxVgf//M2jR13KIbYyMDNdADsindbDj8hwoOhhnzlxVPRC+h9k5OB3AzMzMaG2tbyojI2nIycku/P8/A8OPHz/fPnv26vLRo+dP/v795y+2UCNHH0YIsLKyMAcHuyXy8XErYLPk27cfz9eu3T37+/cfv5DlydWH4QB3dytXeXlpe5Dhz5+/OnXq1JVDP3/+/mVgoG6gpqbgCUq8z5+/ObV58/5NyA4gVx+GA+Li/Ao4ONhFvnz59mjZsq2zkC0JDXWPFRTkU//16/enBQs2dCHLkasPwwHi4kL8QkICgt+/f//24MHzV8iWxMT4ZnNxcUj++fP367x569qR5cjVR1QuYGRkZPTysvWUlha3Aln6+PGLw9u3H95JKPsSo4+gA9jYWFn8/BzChIQEwKXlx4+f76xbt2cxrpwAcxSx+gg6IDDQJURUVNAAZPDr1+8vbdlyYC0hy0FqidWH1wGcnBxssbG+NQwMDEyvX7+/sH79njWEgh0kT4o+vA5QV1eQt7c3TQUZunfv8al37z55TowDSNGH1wHi4sIC6uoKGiBLz527fv7Ll28/iXEAKfrwOkBJSUZCX1/DDmTpjRv3Tl2/fu8BMQ4gRR9eB+jrq6uZm+vFgSy9cuX22mPHLpwnxgGk6BvcDiDGt5SqIVgOUGoBIf0kOyAtLbQFn6GzZq0GlRtEg6HnAKK9RqRCkkOASHOJVjbqgIHvmAx412zAO6eg5DqQ3XMAbqvBaKl0M/gAAAAASUVORK5CYII=" alt data-v-ca2d15ac> <a target="_blank" href="https://edu.csdn.net/course/detail/36807" data-report-click="{"mod":"popu_645","index":"3","dest":"https://edu.csdn.net/course/detail/36807","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713483898390_04544\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac>前端H5+CSS3+<em>JS</em>综合项目实战精讲</a></div> <a target="_blank" href="https://edu.csdn.net/course/detail/36807" data-report-click="{"mod":"popu_645","index":"3","dest":"https://edu.csdn.net/course/detail/36807","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713483898390_04544\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-36807-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac>适合人群:有一定的html、css、html5、css3、javascript基础或想快速学习并提高前端技术的学员。课程目标:能综合应用html、css、html5、css3、javascript等进行网页前端设计,能根据用户需求进行最优设计,掌握设计后端数据接口方法。课程简介:本课程通过一个完整的案例(模仿淘宝和京东首页效果)详细通俗讲解了html、css、html5、css3、javascript的综合应用,并实现了模拟接口请求数据(即是模拟前端的数据来自于后端接口数据)。课程亮点:结合实例讲解、分析细致,通俗易懂、轻松理解;提供源代码、答疑和详细上课讲义。课程收获:掌握html、css、html5、css3、javascript等综合进行网页前端设计掌握异步请求接口中的数据并拼接在前端掌握轮播图的实现方法掌握倒计时的实现方法掌握搜索建议提示实现方法掌握阿里矢量图标的应用</a></div><div data-report-view="{"mod":"popu_645","index":"4","dest":"https://download.csdn.net/download/mmoo_python/72180432","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713483898390_04544\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAltJREFUWEdjZGBgYGhv/yD45//nEEYGBrX//xj4QWK0AoxMDB//MzDcYmHkXVNZKfCeEWz5v8/1DP8ZuGhlKVZzGRm+sTDxNjI2tz1OZfjHYEpXy2GWMTGcZmxpe9xN62DH5TlQdDA2tzyeNSC+h1o66gCyQyApUdRNSIhNGBSS7979ejtv/utd5EQl2Q7IypT0ExJiFoc44O/LadOfbxp1wPAOAWlpdr5Pn//8/Pzp70+QT3GlAX5+ZnYeHhb2p09/fiImRIhOhBYWvIo21ryWu/Z8PHDp4tdn2BxgoM8l4+IiYH/k6OdjJ058vk91B7g487swMDD8v3Hj+2VJSTYpfn5mEZAlHz/9ffPq5e+Xqqoc2iD+nr0f99DSAQQ9RhMHcHAwsYSGCtvKy7Gr4HPBo0c/b69c/fbwzx///hJ0KQMDA9FpAGaYizO/tpkZjwUTEyMTsgX//v3/d/LUl+N79368RozFMDUkOwCkUUODU8zHW9CFg4OJG8T/8ePf181b3u25efPHK1IsB6nF6gAjY25ZEWFWcNPs169/fw4c+HQD3WBBIRaOsBAhZ5D4qjXv9r5/9+cHuhoHBz4NNjYmFpD4m7e/P547+/UxuhqsDoiPE3WWlWVXgvju/5ee3qfLsfmMiZmBEST+7y/Df2zyJcXSkRwcjDwgucePf95buOj1Xqo6gFBwDw8H/P/P8O/nz//fCPkWmzw7OyMXIyMDOLeQHQXkWIxNz9BygJubgI6kBCu4tUMt8PzF75e7dn24QlQuoJalxJgzCDomA901G/DOKSieBrJ7DgCPdYFAskV/NwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://download.csdn.net/download/mmoo_python/72180432" data-report-click="{"mod":"popu_645","index":"4","dest":"https://download.csdn.net/download/mmoo_python/72180432","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713483898390_04544\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac>【JavaScript源代码】基于Vue方法实现简单<em>计时器</em>.docx</a></div> <a target="_blank" href="https://download.csdn.net/download/mmoo_python/72180432" data-report-click="{"mod":"popu_645","index":"4","dest":"https://download.csdn.net/download/mmoo_python/72180432","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713483898390_04544\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-4-72180432-bbs-392569585.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac>基于Vue方法实现简单<em>计时器</em>   Vue简单的<em>计时器</em>,供大家参考,具体内容如下  原理:setInterval来每隔1s(可设置的时间间隔)<em>运行</em>一次自增方法,clearInterval来让持续<em>运行</em>的自增方法停止,来达到<em>计时器</em>的功能。Vue部分,利用到Vue实时刷新视图的功能,来将自增变量的值展示在前端。  <!DOCTYPE html>  <html>   <head>    <meta charset="utf-8">    <title>Time    <script src="js/vue.js" type="text/javascript" charset="utf-8

87,903

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧