【2022跨年】马上跨年了,先用代码给大家写个“跨年倒计时”吧!

629 阅读1分钟

马上就要到2022年了,于是用前端语言(HTML+css+JavaScript)写了一个跨年倒计时代码,祝大家在新的一年里:所念的人平安喜乐,所想的事顺心如意!

代码:

新年快乐 body{ overflow: hidden; margin: 0; } h1{ position: fixed; top: 30%; left: 0; width: 100%; text-align: center; transform:translateY(-50%); font-family: 'Love Ya Like A Sister', cursive; font-size: 60px; color: #c70012; padding: 0 20px; } h1 span{ position: fixed; left: 0; width: 100%; text-align: center; margin-top:30px; font-size:40px; }

倒计时效果:

上面只是一个动图,时间会一直倒计时的。另外大家还可以加烟花效果,就是当到了春节零点的时候会进入另一个页面,有烟花和音效,想想就很不错呀!当然,写这种类型的代码也不止前端可以,大家也可以试试其他编程语言呀!

**另外,对于学习编程或者在工作想升职的小伙伴,如果你想更好的提升你的编程能力帮助你提升水平!**笔者这里或许可以帮到你~

微信公众号:C语言编程学习基地

分享(源码、项目实战视频、项目笔记,基础入门教程)