千磨万击还坚劲,任尔东西南北风。这篇文章主要讲述70行JavaScript代码实现除夕夜倒计时 零基础也能学会~相关的知识,希望能为你提供帮助。
引言
2022年就要到啦,现在距离过年仅剩7天,那利用技术制作一个简单的倒计时页面,这个主意不错,开干~效果图
文章图片
< /div>
< /body>
< /html>
< script>
//定时执行函数内代码实现倒计时效果
setInterval(function ()
//获取当前日期
let curr_date = new Date();
let current_time = curr_date.getTime();
//设置目标日期
let tgt_date = new Date(2022-01-31 00:00:00);
let target_time = tgt_date.getTime();
//计算出相差的时间,目标日期-当前日期 = 相差日期
let result_time = target_time - current_time;
//计算出天、时、分、秒
let day, hour, minute, second;
if (result_time !=& & result_time > 0)
day = Math.floor(result_time/1000/60/60/24);
hour = Math.floor(result_time/1000/60/60%60);
minute = Math.floor(result_time/1000/60/60%60);
second = Math.floor(result_time/1000%60);
//加0
let str_day = day < 10 ? 0+day : day;
let str_hour = hour < 10 ? 0+hour : hour;
let str_minute = minute < 10 ? 0+minute : minute;
let str_second = second < 10 ? 0+second : second;
//动态加入div中
document.getElementById("msg").innerHTML = "距离2022年< b> 除夕夜< /b> 仅剩:< span> " + str_day + "< /span> 天< span> " + str_hour + "< /span> 时< span> " + str_minute + "< /span> 分< span> " + str_second + "< /span> 秒";
, 1000);
< /script>
这里使用了内嵌JavaScript代码
结语
【70行JavaScript代码实现除夕夜倒计时 零基础也能学会~】 很不错的一个倒计时案例,如果大家喜欢的话,就为我一键三连吧~
推荐阅读
- 被悟空熊炸出的老博主们
- 如何在Node.js中将文本转换为语音()
- 如何在JavaScript中将Map键转换为数组()
- 如何在PHP中将数组转换为SimpleXML()
- 如何在PHP中将图像转换为base64编码()
- 如何将Mongodb数据库与Node.js连接起来()
- 算法题(如何计算大数的mod())
- 如何在Golang中比较两个字节切片()
- 如何使用单个Dockerfile合并多个基本镜像()