Simple CountDown

Simple CountDown

67K
Simple countdown for your goal. #d-day #dday
Try in your page ! (demo)

paste the url into your Notion page's /embed block.

1. Visit the website. 2. Replace the code below as your target DateTime.
hint) for Months
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul","Aug", "Sep", "Oct", "Nov", "Dec"
3. Copy the whole Source Code (don't paste this into Notion. it won't work yet.) 4. Generate Notion Embedable URL with your Source Code. 5. Paste the URL into your Notion Embed block.
19 comments

Feishigang

Document body{ background-color: white; } #timer { color: #eeeeee; text-align: center; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: .7em; letter-spacing: 5px; } .days, .hours, .minutes, .seconds { display: inline-block; padding: 20px; width: 100px; border-radius: 5px; } .days { background: #EF2F3C; } .hours { background: #eeeeee; color: #183059; } .minutes { background: #276FBF; } .seconds { background: #F0A202; } .numbers { font-family: 'Montserrat', sans-serif; color: #183059; font-size: 4em; text-align: center; } .white { position: absolute; background: #eeeeee; height: 85px; width: 75px; left: 30%; top: 2%; } .red { position: absolute; background: #EF2F3C; left: 18%; top: 9%; height: 65px; width: 70px; } .blue { position: absolute; background: #276FBF; height: 80px; width: 80px; left: 60%; top: 5%; }

days
hours
minutes
seconds
const year = new Date().getFullYear(); const myDate = new Date('Oct 15, 2024 00:00:00'); console.log(myDate); // countdown let timer = setInterval(function() { // get today's date const today = new Date().getTime(); // get the difference const diff = myDate - today; // math let days = Math.floor(diff / (1000 * 60 * 60 * 24)); let hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((diff % (1000 * 60)) / 1000); // display document.getElementById("days").innerHTML=days document.getElementById("hours").innerHTML=hours document.getElementById("minutes").innerHTML=minutes document.getElementById("seconds").innerHTML=seconds }, 1);

over 1 year ago

20

2021年还剩

over 1 year ago

100

Come faccio a cambiare il tempo

over 1 year ago

years

2021年还剩

over 1 year ago

abhay

wow, thank you so much .😊

almost 2 years ago

looking for something else?

🖼 Widgets Made
224,373
🔥 Widgets Views Count
29,624,774

22 minutes ago

Apption for Notion - Find & learn Notion friendly embeddable mini apps | Product Hunt Embed