HardcoreGraphic - Thailand Graphic Design Ezine

สร้างเวลาสดๆบนแถบไตเติ้ลบาร์
Date : 12:11:03 | By : HardcoreGraphic

พอดีเหลือบไปเห็นบางเว็บไซท์มีการโชว์แถบนาฬิกาบอกเวลาสดๆ ไว้บนไตเติ้ลบาร์ด้านบนสุดของเว็บบราวเซอร์ ก็เลยไปหา
โค้ดที่ใช้กับเทคนิคนี้มาฝากในยามบ่ายแก่ๆ ซึ่งสามารถแสดงผลได้ทั้ง IE บราวเซอร์ตั้งแต่เวอร์ชั่น 4 ขึ้นไป และ NS บราว
เซอร์ 6 ขึ้นไป ส่วนวิธีใช้ก็ไม่มีอะไรมากแค่ก๊อปปี้โค้ดในช่องสี่เหลี่ยมด้านล่างไปให้หมด แล้วแปะโค้ดในส่วน Head ของ
ไฟล์ Html อ้อ...ส่วนใครที่กังวลว่าแล้วชื่อเว็บบนไตเติ้ลบาร์จะหายไปด้วยหรือเปล่า ก็ไม่ต้องหวั่นไหวครับ ให้ก๊อปโค้ดไปไว้
หลัง Tag Title บน head แค่นั้นเอง (ดูภาพตัวอย่างด้านล่างสุด)

<SCRIPT Language="JavaScript">
<!-- Hide

var scroller;
var ampm;
var actualtitle=document.title+" "
function antiMilitaryTime()
{
if (hr == "12"){
ampm="P.M."
}
else if (hr == "13"){
hr="1"
ampm="P.M."
}
else if (hr == "14"){
hr="2"
ampm="P.M."
}
else if (hr == "15"){
hr ="3"
ampm="P.M."
}
else if (hr == "16"){
hr = "4"
ampm="P.M."
}
else if (hr == "17"){
hr = "5"
ampm="P.M."
}
else if (hr == "18"){
hr = "6"
ampm="P.M."
}
else if (hr == "19"){
hr = "7"
ampm="P.M."
}
else if (hr == "20"){
hr = "8"
ampm="P.M."
}
else if (hr == "21"){
hr = "9"
ampm="P.M."
}
else if (hr == "22"){
hr = "10"
ampm="P.M."
}
else if (hr == "23"){
hr = "11"
ampm="P.M."
}
else if (hr == "24"){
hr = "12"
}
}
function addZero(){
if (min <= "9"){
min = "0"+min
}
if (sec<= "9"){
sec = "0"+sec
}
if (hr <=9){
hr = "0"+hr
}
}
function time(){
dt=new Date()
sec=dt.getSeconds()
hr=dt.getHours()
ampm="A.M."
min=dt.getMinutes()
}
function scroll() {
time()
antiMilitaryTime()
addZero()
var scroller="TIME: "+hr+":"+min+":"+sec+" "+ampm
var timeout=setTimeout("scroll()", 1000)
  document.title=actualtitle+scroller
  }
if (document.all||document.getElementById)
scroll()
//-->
</SCRIPT>

*** ตัวอย่างที่แสดงเป็นอย่างไร ให้คุณเหลือบอีกทีไปที่ด้านบนของแถบเว็บบราวเซอร์นี้ครับ เวลาสดๆร้อนๆ.....

อ่านบทความอื่นเพิ่มเติม

+ HardcoreGraphic 7.0 Sponsored by Elife.co.th