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

Cập nhật lần cuối 18/03/2017 by trong HTML&CSS vào 15/10/2013 có 692 Views

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!

Code đếm ngược với JavaScript
5 (100%) 1 vote
Từ khóa: ,
  • Bình luận
Có thể bạn quan tâm
x