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();
Mẫu & Tài nguyên
Tài nguyên UDAY chỉ nên được sử dụng trên các tài liệu giáo dục hoặc tài liệu để quảng bá UDAY và không nên được sử dụng để quảng bá công ty hoặc sản phẩm của công ty.
Tài nguyên có thể tải xuống:
Tài nguyên có thể chỉnh sửa của Canva:
.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;
}
