Simple CountDown

Simple CountDown

Simple countdown for your goal. #d-day #dday
Try in your page !

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.
7 comments

abhay

wow, thank you so much .😊

9 months ago

years

2021年还剩

3 months ago

100

Come faccio a cambiare il tempo

2 months ago

20

2021年还剩

about 2 months 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);

about 2 months ago

QwQ

SO hard

about 1 month ago

john

It's not simple at all

25 days ago
🖼 Widgets Made
58,613
🔥 Widgets Views Count
6,834,219

8 minutes ago

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