JavaScript 倒计时
2021/9/25 14:11:15
本文主要是介绍JavaScript 倒计时,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 指定时间戳倒计时
/** * timestamp: 时间戳:毫秒级 */ function countDown(timestamp) { var nowDate = +new Date() var inputDate = parseInt((nowDate - timestamp) / 1000) // 差值转换为s var timer = setInterval(() => { inputDate -= 1 if (inputDate < 0) { clearInterval(timer) return } var d = parseInt(inputDate / 3600 / 24) // 天 var h = parseInt(inputDate / 60 / 60 % 24) // 小时 var m = parseInt(inputDate / 60 % 60) // 分 var s = parseInt(inputDate % 60) // 秒 d = d < 10 ? '0' + d : d h = h < 10 ? '0' + h : h m = m < 10 ? '0' + m : m s = s < 10 ? '0' + s : s // 这一部分为页面显示赋值 day.innerHTML = d hour.innerHTML = h min.innerHTML = m sec.innerHTML = s }, 1000) } var inputDate = 60 * 24 * 3600 * 1000 // 输入天数的毫秒值 // 这个地方是为了传入一个时间戳 countDown(+new Date() - inputDate)
2. 指定天数倒计时
/** * 指定天数倒计时 * days: 天数 */ function countDown(days) { var inputDate = days * 24 * 3600 // 输入天数的秒值 var timer = setInterval(() => { inputDate -= 1 if (inputDate < 0) { clearInterval(timer) return } var d = parseInt(inputDate / 3600 / 24) // 天 var h = parseInt(inputDate / 60 / 60 % 24) // 小时 var m = parseInt(inputDate / 60 % 60) // 分 var s = parseInt(inputDate % 60) // 秒 d = d < 10 ? '0' + d : d h = h < 10 ? '0' + h : h m = m < 10 ? '0' + m : m s = s < 10 ? '0' + s : s // 这一部分为页面显示赋值 day.innerHTML = d hour.innerHTML = h min.innerHTML = m sec.innerHTML = s }, 1000) } countDown(2)
这篇关于JavaScript 倒计时的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-30PS网页切图项目实战:初学者必备指南
- 2024-09-30Span标签项目实战:新手入门教程
- 2024-09-309D资料入门指南:轻松掌握基础操作
- 2024-09-30如何获取和利用变形资料:新手入门指南
- 2024-09-30弹性盒子布局资料:新手必读教程
- 2024-09-30手把手教你如何使用“点击加载资料”功能
- 2024-09-30封装资料入门教程:轻松掌握封装资料的方法与技巧
- 2024-09-30钢琴效果资料:新手入门指南
- 2024-09-30滚动吸顶资料详解:轻松掌握网页常见布局技巧
- 2024-09-30后台交互资料详解:新手入门教程