创建一个倒计时函数

it2023-09-01  67

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> //创建一个匿名函数 function getCountTime(time1) { //time1为形参 var d, h, m, s; //new Date()现在的时间 var time = new Date() // 将这个时间赋给一个变量 //new Date(time1)为自己输入的时间 (time1)为自己输入的时间 var time1 = new Date(time1) //将这个时间赋给一个变量 console.log(time) console.log(time1) // time1 - time 是你想要查询的时间到现在为止的毫秒数 console.log(time1 - time) //将毫秒数转换为秒 取整 var countTime = parseInt((time1 - time) / 1000) console.log(countTime) //将秒数转化为天数 取整 d = parseInt(countTime / 60 / 60 / 24) //将余下来不足一天的秒数转化为小时 取整 h = parseInt(countTime / 60 / 60 % 24) //当小时数显示不足10时 可以在前面添加一个0 (好看) H = h < 10 ? '0' + h : h //将余下来不足一小时的秒数转化为分钟 取整 m = parseInt(countTime / 60 % 60) //当分钟数显示不足10时 可以在前面添加一个0 (好看) M = m < 10 ? '0' + m : m //将余下来不足一分钟的秒数转化为秒 取整 s = parseInt(countTime % 60) //当秒数显示不足10时 可以在前面添加一个0 (好看) S = s < 10 ? '0' + s : s //返回并拼接所需要的内容 return '还剩下:' + d + '天' + H + '小时' + M + '分钟' + S + '秒'; console.log(countTime) } //以上就是倒计时封装成为一个匿名函数 //这里可以直接调用上面自己所创建的匿名函数 //'2020/11/11'为自己想要输入的时间 console.log(getCountTime('2020/11/11 00:00:00')) </script> </body> </html>
最新回复(0)