// 获取存储的下班时间
var endTime = localStorage.getItem('endTime')
var timer = null
if (endTime) {
document.getElementById('time').value = endTime
startCountdown()
}
// 保存下班时间
document.querySelector('form').addEventListener('submit', function (e) {
e.preventDefault()
var time = document.getElementById('time').value
localStorage.setItem('endTime', time)
clearInterval(timer)
startCountdown()
})
// 开始倒计时
function startCountdown() {
var endTime = localStorage.getItem('endTime')
if (!endTime) return
var end = new Date()
end.setHours(endTime.substr(0, 2), endTime.substr(3, 2), 0, 0)
var countdown = document.getElementById('countdown')
timer = setInterval(function () {
var now = new Date()
var diff = end - now
if (diff < 0) {
clearInterval(timer)
countdown.innerHTML = '<h2>下班啦!</h2>'
} else {
var hours = Math.floor(diff / (1000 * 60 * 60))
var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))
var seconds = Math.floor((diff % (1000 * 60)) / 1000)
countdown.innerHTML =
'<h2>' +
hours +
' 小时 ' +
minutes +
' 分钟 ' +
seconds +
' 秒</h2>'
}
}, 1000)
}
一个下班倒计时的JS代码分析
评论留言
一共0条留言