Code Đếm Ngược Đến Tết Quý Mão 2023

Giới thiệu

• Xây dựng bằng HTML/CSS/JS
• Đếm ngược thời gian đến Tết 2023
• Sử dụng W3.CSS
• Popup nhạc tết, ...
• Background Anime dành cho anh em Wibu
• Nếu bạn không thích CSS có sẵn thì bên dưới có hướng dẫn

Hướng dẫn cài

Nếu bạn không thích dùng CSS có sẵn thì có thể dùng đoạn JS sau:

function setcountdown(theyear,themonth,theday){ 
 yr=theyear;mo=themonth;da=theday 
 } 
 setcountdown(2023,1,22) 
 var occasion="Tết Nguyên Đán 2023" 
 var message_on_occasion="Chúc mừng năm mới" 
 var countdownwidth='480px' 
 var countdownheight='20px' 
 var countdownbgcolor='lightblack' 
 var opentags='<font face="Verdana">' 
 var closetags='</font>' 
 var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") 
 var crosscount='' 
 function start_countdown(){ 
 if (document.layers) 
 document.countdownnsmain.visibility="show" 
 else if (document.all||document.getElementById) 
 crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie 
 countdown() 
 } 
 
 if (document.all||document.getElementById) 
 
 window.onload=start_countdown 
 function countdown(){ 
 var today=new Date() 
 var todayy=today.getYear() 
 if (todayy < 1000) 
 todayy+=1900 
 var todaym=today.getMonth() 
 var todayd=today.getDate() 
 var todayh=today.getHours() 
 var todaymin=today.getMinutes() 
 var todaysec=today.getSeconds() 
 var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec 
 futurestring=montharray[mo-1]+" "+da+", "+yr 
 dd=Date.parse(futurestring)-Date.parse(todaystring) 
 dday=Math.floor(dd/(60*60*1000*24)*1) 
 dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1) 
 dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1) 
 dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1) 
 //if on day of occasion 
 if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){ 
 if (document.layers){ 
 document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags) 
 document.countdownnsmain.document.countdownnssub.document.close() 
 } 
 else if (document.all||document.getElementById) 
 crosscount.innerHTML=opentags+message_on_occasion+closetags 
 return 
 } 
 //if passed day of occasion 
 else if (dday<=-1){ 
 if (document.layers){ 
 document.countdownnsmain.document.countdownnssub.document.write(opentags+" Chúc Mừng Năm Mới "+closetags) 
 document.countdownnsmain.document.countdownnssub.document.close() 
 } 
 else if (document.all||document.getElementById) 
 crosscount.innerHTML=opentags+" Chúc Mừng Năm Mới "+closetags 
 return 
 } 
 //else, if not yet 
 else{ 
 if (document.layers){ 
 document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags) 
 document.countdownnsmain.document.countdownnssub.document.close() 
 } 
 else if (document.all||document.getElementById) 
 crosscount.innerHTML="<p>"+occasion+closetags+"</p> <span class='w3-tag w3-red w3-padding w3-margin'>" +opentags+dday+ " ngày</span> <span class='w3-tag  w3-red w3-margin w3-padding'> "+dhour+" giờ </span> <span class='w3-tag w3-red w3-margin w3-padding'>"+dmin+" phút</span> <p><span class='w3-tag  w3-red w3-padding'> "+dsec+" giây</span></p> "
 $('i#dd').html(opentags+dday);  $('#yy').html(todayy);
 } 
 setTimeout("countdown()",1000) 
 } 

Muốn đoạn thời gian đếm ngược ở đâu thì dùng:

<p id="countdownie"></p>

Ảnh demo

Download

[button color=" #000000" url="http://dorew.org/view-file/173"]Link Gốc[/button] [button color=" #000000" url="https://upi.dorew.gq/view/194"]Link Dự Phòng[/button]

Bản quyền

Code share by a Phương - Dorew.Org :&(蛆音娘_不愧是我)