countdowns
//countdown by tgum
(d=>{setInterval(T=>{for(d of Array.from(document.querySelectorAll`.countdown`)){let f=Math.floor,t=(new Date(d.dataset.timestamp)-Date.now())/1000,e="",U=[86400,3600,60,1],F=(u,p)=>f(u/U[p])>0?T=f(u%(p>0?U[p-1]:u+1)/U[p])+" "+"Day0Hour0Minute0Second".split(0)[p]+(T^1?"s":e)+(p<3?", ":e):e;d.innerText=t<1?d.dataset.message:F(t,0)+F(t,1)+F(t,2)+F(t,3)}},1000)})()
earlier i said to myself: "you know what would greatly improve this website? a bunch of countdowns". so i obviously stopped what i was doing and started coding, but since this is pretty easy to make i decided to challenge myself by making it as small as possible, and i think i ended up with a pretty good result at 365 bytes (especially for my first time doing something like this)
if you want you can use it on your own website its pretty simple. first you need to include the script in your page (download)and then add an element with the class "countdown" and the attributes "data-message" (what will be shown when the countdown expires) and "data-timestamp" (a javascript date string, i'd explain how its formatted if i knew, but there are probably converters/generators online)
example:
<span class="countdown" data-message="the countdown expired" data-timestamp="2025-10-22"></span>
if you have any questions or are using it on your website you can email me at tgum[at]proton[dot]me