Simple CountDown

Simple CountDown

174K
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.
27 comments

QwQ

SO hard

over 3 years ago

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 3 years ago

20

2021年还剩

over 3 years ago

100

Come faccio a cambiare il tempo

over 3 years ago

years

2021年还剩

over 3 years ago

abhay

wow, thank you so much .😊

about 4 years ago

looking for something else?

🖼 Widgets Made
468,235
🔥 Widgets Views Count
69,232,927

22 minutes ago

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