Code đếm ngược với JavaScript

Sau đây là code đếm được thời gian đến một mốc nào đó mà bạn định trước. Ví dụ bên dưới là muốc thời gian đến năm mới 2013 (Lịch Tây)

<SCRIPT language=JavaScript1.2>

function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

setcountdown(2100,1,1)
var occasion="Năm mới 2100"
var message_on_occasion="Chúc các bạn vui vẻ - mạnh khỏe!"
var countdownwidth='600px'
var countdownheight='40px'
var countdownbgcolor='#FFF'
var opentags='<font color="#000" face="Verdana" size="5"><b><large>'
var closetags='</large></b</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)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
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(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+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}

else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Còn, "+dday+ " ngày, "+dhour+" gi&#7901;, "+dmin+" phút, và "+dsec+" giây n&#7919;a là &#273;&#7871;n "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " ngày, "+dhour+" gi&#7901;, "+dmin+" phút, và "+dsec+" giây n&#7919;a là &#273;&#7871;n "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</SCRIPT>

Một số thông số có thể bạn muốn thay đổi:

setcountdown(2013,1,1) : Mốc thời gian của bạn (năm, tháng, ngày)
var occasion=”Năm mới 2013″ : Sự kiện của bạn
var countdownwidth=’600px’ : Chiều rộng của div
var countdownheight=’40px’ : chiều cao của div
var countdownbgcolor=’#FFF’ : Màu nền
var opentags='<font color=”#000″ face=”Verdana” size=”5″><b><large>’ : màu chữ, phông chữ, cỡ chữ
var closetags='</large></b</font>’ : Thẻ đóng định dạng
Chúc các bạn thành công!

Kho plugin của tôi

DevVN Woocommerce Reviews

Plugin mua hàng nhanh cho woocommerce – Woocommerce Quick buy

Plugin kết nối giao hàng tiết kiệm với Woocommerce – GHTK vs Woocommerce

Plugin Kết nối Zalo OA với WordPress