LOST JavaScript Countdown Timer with jQuery, CSS, and HTML

LOST JavaScript Countdown Timer with jQuery, CSS, and HTML

Justin Stolpe

54 года назад

560 Просмотров

I coded the LOST countdown timer with JavaScript, jQuery, HTML, and CSS. Every 108 minutes the code must be entered into the terminal. Failure to enter the number will resulit in catastrophic failure. The number can only be entered wht there are 4 minutes left. If the timer reaches zero, the timer numbers get replaced by red and black Egyptian hieroglyphics and a voice saying "system failure" plays over and over again. So, enter the numbers, and save the world.

4 8 15 16 23 42
——
Live Demo: https://justinstolpe.com/lost-timer/
——
Discord ⇝ https://discord.gg/aMwnDMKzGd
Printify ⇝ https://bubbles-merch.printify.me
TikTok ⇝ https://www.tiktok.com/@justinstolpe
GitHub ⇝ https://github.com/jstolpe/
Instagram ⇝ https://www.instagram.com/justinstolpe/
Twitter ⇝ https://twitter.com/Justin_Stolpe
LinkedIn ⇝ https://www.linkedin.com/in/justin-stolpe-3bb05426/
Reddit ⇝ https://www.reddit.com/user/jstolpe/
Twitch ⇝ https://www.twitch.tv/jstolpe
Facebook ⇝ https://www.facebook.com/stolpejustin/
Website ⇝ https://justinstolpe.com
SoundCloud ⇝ https://soundcloud.com/justin-stolpe
——
Chapters
0:00 Intro
1:08 Files/Folder Structure
1:52 Index file setup and code
4:25 new lostTimer()
5:54 lostTimer()
7:20 lostTimer.drawTimer()
8:54 lostTimer.getTimerNumberSlotHtml()
13:45 lostTimer.setupAudio()
14:40 lostTimer.playAudio()
14:56 lostTimer.initializeTimer()
15:21 lostTimer.updateTimeVars()
16:35 lostTimer.updateNumbers()
18:09 lostTimer.startTimer()
19:48 lostTimer.flip()
22:26 lostTimer.rollGlyphs()
25:42 lostTimer.systemFailure()
27:01 lostTimer.reset()
29:29 Implementing dev mode
31:50 Outro
——
#programming​ #developer​ #coding

Тэги:

#javascript #jquery #css #html #coding. #code #lost #countdown_timer #timer #javascript_timer #programming #programmer
Ссылки и html тэги не поддерживаются


Комментарии: