Halloween Clock

Custom clock can be customized, here we show you how to create your custom clock to display on Halloween night. 🎃🎃🎃👻👻👻
We use an animated color, to play the color changing using a timer that creates the effect, and we add some emojis to make it more special.

You can use JavaScript Studio to display the clock in full-screen on your computer. We think the clock can be change it style on your home celebration at night, can impress others while displaying it on your screen.

1. Open JavaScript Studio
2. From Menu Click New App
3. Select Blank App

Once you are on the JavaScript Studio editor save the app as "Halloween Clock" and write the following code between
<article></article>

<p id="time" style="font-size:170px;font-weight:bolder;color:blue;text-shadow: orangered 1px 2px 25px;text-align:center">Time</p> <script> var gt = document.getElementById("time"); setInterval(function () { gt.innerHTML = `🎃${new Date().toLocaleTimeString()}🎃 <br>👻👻👻`; if (gt.style.color == "green") { gt.style.color = "blue" gt.style.textShadow = "red 1px 2px 25px"; } else if (gt.style.color == "blue") { gt.style.color = "red"; gt.style.textShadow = "green 1px 2px 25px"; } else if (gt.style.color == "red") { gt.style.color = "green"; gt.style.textShadow = "blue 1px 2px 25px"; } }, 122) </script>

The final result will be as the following clock.

Make sure you are loading JavaScript Studio in fullScreen mode to display it better. you can put JavaScript Studio Pro in fullscreen mode from the app setting on the home screen.

We hope you enjoy this idea 😉😉😉