const days = document.getElementById('days');
const hours = document.getElementById('hours');
const minutes = document.getElementById('minutes');
const seconds = document.getElementById('seconds');
const currentYear = new Date().getFullYear();
const worldDay = new Date(`October 1 ${currentYear} 00:00:00`);
function updateTimer() {
const currentTime = new Date();
const diff = worldDay - currentTime;
const d = Math.floor( diff / 1000 / 60 / 60 / 24);
const h = Math.floor( diff / 1000 / 60 / 60) % 24;
const m = Math.floor( diff / 1000 / 60) % 60;
const s = Math.floor( diff / 1000) % 60;
days.innerHTML = d;
hours.innerHTML = h;
minutes.innerHTML = m;
seconds.innerHTML = s;
}
setInterval(updateTimer, 1000);
updateTimer();
टेम्पलेट्स और संसाधन
उदय संसाधनों का उपयोग केवल उदय को बढ़ावा देने के लिए शिक्षा सामग्री या सामग्री पर किया जाना चाहिए, और इसका उपयोग किसी कंपनी या उसके उत्पादों को बढ़ावा देने के लिए नहीं किया जाना चाहिए।
डाउनलोड करने योग्य संसाधन:
कैनवा संपादन योग्य संसाधन:
.dropdown {
position: relative;
}
.tx-dropdown {
background-color: #ffffff;
color: #000;
padding: 16px 16px 0px 16px;
margin-bottom: 0px!important;
cursor: pointer;
}
.dropdown-list {
display: none;
position: absolute;
background-color: #C0D83B;
min-width: 260px;
box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.2);
padding-bottom: 5px;
}
.dropdown-list a {
color: #17346C;
padding: 5px 15px;
text-decoration: none!important;
display: block;
}
.dropdown-list a:hover {
background-color: #17346C;
color: #C0D83B;
}
.dropdown:hover .dropdown-list {
display: block;
}
