javascript 实现时间倒计时效果
JavaScript 实现 时间 效果 倒计时
2023-09-11 14:19:35 时间
有时候在制作系统中,我们需要用到时间倒计时的使用。比如考试,如果到时自动提交
var timeShow = ''; /*设置2分倒计时*/ var time1 =new Date().getTime() + (2 * 1000 * 60);; var timer=setInterval(() => { timeShow = getTimeLeft(time1); console.log(timeShow); if (timeShow== "0分0秒") { clearInterval(timer); } }, 1000); //取倒计时(天时分秒) function getTimeLeft(time1) { // 计算目标与现在时间差(毫秒) // let time1 = new Date().getTime()+(45*1000*60); let time2 = new Date().getTime(); let mss = time1 - time2; // 将时间差(毫秒)格式为:天时分秒 // let days = parseInt(mss / (1000 * 60 * 60 * 24)); // let hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60)); let seconds = parseInt((mss % (1000 * 60)) / 1000); return minutes + "分" + seconds + "秒" }
效果:
相关文章
- JavaScript图形实例:利用插值实现图像渐变
- .Net Core ORM选择之路,哪个才适合你 通用查询类封装之Mongodb篇 Snowflake(雪花算法)的JavaScript实现 【开发记录】如何在B/S项目中使用中国天气的实时天气功能 【开发记录】微信小游戏开发入门——俄罗斯方块
- 【学习笔记60】JavaScript原型链的理解
- 【JavaScript】JS通过定时器实现轮播图效果和停顿1秒延迟执行效果
- 在Javascript(js)或Jquery中直接实现超链接跳转代码示例!
- JavaScript 22. 严格模式(use strict)
- JavaScript - 实现向 formData 对象中追加数组或对象,使用 append() 插入数组、对象等复杂数据类型(vue / uniapp / react 项目通用解决方案)
- JavaScript - 纯 JS 实现让浏览器滚动条回到顶部(3种解决方案)
- JavaScript正则表达式大全
- 圣诞节,把你的 JavaScript 代码都装扮成圣诞树吧
- 【JavaScript】JavaScript中的Timer是怎么工作的( setTimeout,setInterval)
- 【JavaScript】Understanding callback functions in Javascript
- javascript牛逼博客
- javascript note
- 一篇文章带你了解JavaScript中的基础算法之“字符串类”
- JavaScript设计模式经典-面向对象中六大原则
- 《HTML5+JavaScript动画基础》——第1章 动画的基本概念 1.1动画
- 基于JavaScript实现网红太空人表盘
- Django使用JavaScript实现JWT用户登陆、登出
- 分享JavaScript小案例,打印倒正金字塔,两种方式实现
- 彻底搞清楚javascript中的require、import和export(js模块加载规范的前世今生)
- Web网站模板-响应式个人企业照片墙展示网站模板(HTML+CSS+JavaScript)
- 应用ArcGIS Server JavaScript API实现地图卷帘效果实现
- Javascript 实现复制(Copy)动作方法总结
- Fundebug:JavaScript插件支持错误采样
- 华为OD机试 - 旋转骰子(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】
- 在进行form提交时,根据form的选择,在javascript中进行特定提交