VN-Lives: Tạo đồng hồ điện tử đơn giản bằng JavaScript. | How to Created a JavaScript clock simple?

Tạo đồng hồ điện tử đơn giản bằng JavaScript. | How to Created a JavaScript clock simple?

Một mã nguồn nhỏ hướng dẫn tạo đồng hồ điện tử trên website bằng ngôn ngữ JavaScript với hải kiểu hiển thị là 24 giờ và kiểm AM/PM.

Demo:

Source JavaScript:

<SCRIPT>

var now;

function showMilitaryTime() {
     if (document.theForm.showMilitary[0].checked) {
          return true;
     }
     return false;
}

function showTheHours(theHour) {
     if (showMilitaryTime() || (theHour > 0 && theHour < 13)) {
          return (theHour);
     }
     if (theHour == 0) {
          return (12);
     }
     return (theHour - 12);
}

function showZeroFilled(inValue) {
     if (inValue > 9) {
          return ":" + inValue;
     }
     return ":0" + inValue;
}

function showAmPm() {
     if (showMilitaryTime()) {
          return ("");
     }
     if (now.getHours() < 12) {
          return (" am");
     }
     return (" pm");
}

function showTheTime() {
     now = new Date();
     document.theForm.showTime.value =
     showTheHours(now.getHours()) +
     showZeroFilled(now.getMinutes()) +
     showZeroFilled(now.getSeconds()) +
     showAmPm();
     setTimeout("showTheTime()", 1000);
}

</SCRIPT>

Source HTML:

<BODY onLoad="showTheTime();">
<FORM NAME="theForm">
     <INPUT TYPE="TEXT" NAME="showTime">
     Display Military Time?
     <INPUT TYPE="RADIO" NAME="showMilitary" CHECKED>Yes
     <INPUT TYPE="RADIO" NAME="showMilitary">No
</FORM>
</BODY>

Write: +Bui Ngoc Son

VN-Lives

Tạo đồng hồ điện tử đơn giản bằng JavaScript. | How to Created a JavaScript clock simple?

No comments:

Post a Comment