• แสดงวันเวลา Realtime บน Titlebar

    Date: 2010.09.03 | Category: Web Programming, ฟรี Script เทคนิคเด็ดๆ | Tags: ,

    เอามาฝากกันสำหรับเทคนิคมาให้ Title บาร์แสดงวันเวลาแบบ Real Time ท่านสามารถ Copy Source Code ด้านล่างไปใช้ได้เลย โดยให้ใส่โค้ดนี้ ระหว่าง <head> และ </head> ในเว็บของคุณ ในบริเวณที่คุณต้องการจะให้วันเวลามันแสดง ตัวนี้เป็นวัน เดือน เป็นภาษาไทยครับ

    <script language=”JavaScript”>
    <!–

    function resetIt() {

    // คำนวณเวลา

    var timerID = null;
    var timerRunning = false;

    if(timerRunning)
    clearTimeout(timerID);
    timerRunning = false;

    // getTime
    var timeNow = new Date(); // สร้าง Object Date ขึ้นมา
    var hours = timeNow.getHours(); // ดึงชั่วโมงขึ้นมาโดยใช้ Object ที่สร้างไว้เก็บไว้ที่ Hour
    var minutes = timeNow.getMinutes(); // ดึงนาทีขึ้นมาโดยใช้ Object ที่สร้างไว้เก็บไว้ที่ Minites
    var seconds = timeNow.getSeconds(); // ดึงวินาทีขึ้นมาโดยใช้ Object ที่สร้างไว้เก็บไว้ที่ Seconds
    var timeValue = “” + ((hours >12) ? hours -12 :hours)
    timeValue = ((timeValue <10)? “0″:”") + timeValue
    timeValue += ((minutes < 10) ? “:0″ : “:”) + minutes
    timeValue += ((seconds < 10) ? “:0″ : “:”) + seconds
    timeValue += (hours > = 12) ? ” PM” : ” AM”
    timerID = setTimeout(“resetIt()”,100);
    timerRunning = true;

    // getDate
    var dateNow = new Date();
    var days = new Array(‘อาทิตย์’,'จันทร์’,'อังคาร’,'พุธ’,'พฤหัสบดี’,'ศุกร์’,'เสาร์’); // สร้าง Array วันขึ้นมา
    var months = new Array(‘มกราคม’,'กุมภาพันธุ์’,'มีนาคม’,'เมษายน’,'พฤษภาคม’,'มิถุนายน’,'กร กฏาคม’,'สิงหาคม’,'กันยายน’,'ตุลาคม’,'พฤศจิกายน’,'ธันวาคม’); // สร้าง Array เดือนขึ้นมา
    var date = ((dateNow.getDate()<10) ? “0″ : “”)+ dateNow.getDate();
    function y2k(number){return (number < 1000) ? number + 1900 : number;}

    // compileIt
    today = timeValue + ” ” + days[dateNow.getDay()] + ” ” +
    months[dateNow.getMonth()] + “, ” +
    date + ” ” +
    (y2k(dateNow.getYear()));

    if(document.all || document.getElementById){ // Browser Check
    document.title = today.toString();
    }else{
    self.status = today.toString(); // Default to status.
    }
    }

    resetIt();

    //–>
    </script>