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();
القوالب والموارد
يجب استخدام موارد UDAY فقط على المواد التعليمية أو المواد للترويج ل UDAY، ولا ينبغي استخدامها للترويج لشركة أو منتجاتها.
موارد قابلة للتحميل:
موارد قابلة للتعديل من كانفا:
.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;
}
