70行JavaScript代码实现除夕夜倒计时 零基础也能学会~

千磨万击还坚劲,任尔东西南北风。这篇文章主要讲述70行JavaScript代码实现除夕夜倒计时 零基础也能学会~相关的知识,希望能为你提供帮助。
引言

2022年就要到啦,现在距离过年仅剩7天,那利用技术制作一个简单的倒计时页面,这个主意不错,开干~
效果图
70行JavaScript代码实现除夕夜倒计时 零基础也能学会~

文章图片
< /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代码实现除夕夜倒计时 零基础也能学会~】 很不错的一个倒计时案例,如果大家喜欢的话,就为我一键三连吧~

    推荐阅读