【你会用代码画年兽吗】20行代码使用JS实现虎年春节倒计时 —— 红红火火过虎年

前言

哈喽小伙伴们好呀,我是超梦,大家可以叫我小梦~,马上就要过虎年春节啦,在新的一年里祝愿大家身体健康,平平安安,虎气冲天,虎年大吉!

还有一点很重要!那就是祝小伙伴们虎年暴富!暴富!金钱豹富!

虎年春节倒计时全局效果图,灰常可爱的小老虎呀~

13de76c752de4194a9f74ff903145d1d.png

 JS关键代码实现

上述代码中实现倒计时的关键点在于setTimeout()函数,setTimeout()函数是一个起到定时器的作用,接下来为小伙伴们简单讲解一下该知识点,在后面大家制作虎年春节倒计时的同时,也能学习与复习相关知识点。

setTimeout()函数

setTimeout函数用来指定某个函数某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编 ,以后可以用来取消这个定时器。

在上面代码中,setTimeout函数中有两个参数,第一个参数是将要延迟执行的函数或一段延迟执行的代码,第二个参数是延迟执行的毫秒数。

在我们的虎年春节倒计时代码中,starttime是要延迟执行的函数,1000是延迟1s,也就是每隔1秒执行一次starttime函数来实现倒计时逻辑。


CSS样式相关代码

CSS样式用于控制我们的页面规整美观,与JS强强结合,在这里小梦就不细说CSS啦,后期肝一篇CSS相关内容再分享给大家。


完整代码贴附,复制到THML文件中就可以直接运行啦!小伙伴们可以尝试一下哦~,图片资料有需要的话大家可以留言,小梦看到会发给你滴~

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年1月25日
下一篇 2022年1月25日

相关推荐