Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Hai loại đồng hồ có kèm ngày tháng
URL: https://www.javascriptbank.com/two-more-clocks.html
Hiệu ứng hiển thị ngày giờ trong các khung, với đồng hồ này bạn có thể cho dừng lại hay tiếp tục chạy bằng cách nhấp vào liên kết tương ứng.
Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Hai loại đồng hồ có kèm ngày tháng
URL: https://www.javascriptbank.com/two-more-clocks.html
<SCRIPT language=JavaScript><!--var timerID = nullvar timerRunning = falsefunction stopclock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false}function startclock(){ stopclock() showtime()}function showtime(){ var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true}//--></SCRIPT><SCRIPT language=JavaScript><!--Hide JavaScript from Java-Impaired Browsersvar isn1 = null;var isn2 = false;today=new Date();function stopit(){ if(isn2){ clearTimeout(isn1); } isn2 = false; }function startit(){ stopit(); isnclock(); }function isnclock(){ var now = new Date() var hrs = now.getHours() var min = now.getMinutes() var sec = now.getSeconds() document.clckh.disp.value = "" + ((hrs > 12) ? hrs - 12 : hrs) document.clckm.disp.value = ((min < 10) ? "0" : "") + min document.clcks.disp.value = ((sec < 10) ? "0" : "") + sec document.clck.disp.value = (hrs >= 12) ? "p.m." : "a.m." isn1 = setTimeout("isnclock()",1000) isn2 = true}// Build an array initializerfunction isnArray() { argnr = isnArray.arguments.length for (var i = 0; i < argnr; i++) this[i+1] = isnArray.arguments[i] }// And months and day arraysvar isnMonths= new isnArray("January","February","March","April","May","June","July","August","September","October","November","December");//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=startit()><FORM method=post><A onmouseover="window.status='Click me to start the clock!'; return true" onmouseout="window.status=''; return true;" href="javascript:startclock()">Click here to start</A></FORM><FORM name=clock onsubmit=0 method=post><INPUT size=12 value="Press Start (WebClock)" name=face></FORM><FORM method=post><A onmouseover="window.status='Click me to stop the clock!'; return true" onmouseout="window.status=''; return true;" href="javascript:stopclock()">Click here to stop</A> </FORM><TABLE border=2> <TBODY> <TR> <TD><B>Time</B></TD> <TD>Hour</TD> <TD>Min</TD> <TD>Sec</TD> <TD></TD></TR> <TR> <TD></TD> <TD vAlign=top> <FORM name=clckh onsubmit=0><INPUT size=2 name=disp> </FORM></TD> <TD vAlign=top> <FORM name=clckm onsubmit=0><INPUT size=2 name=disp> </FORM></TD> <TD vAlign=top> <FORM name=clcks onsubmit=0><INPUT size=2 name=disp> </FORM></TD> <TD vAlign=top> <FORM name=clck onsubmit=0><INPUT size=4 name=disp> </FORM></TD></TR> <SCRIPT language=JavaScript><!--Hide JavaScript from Java-Impaired Browsers document.write("<TR><TD><B>Date</B></TD><TD COLSPAN=4>" + isnMonths[today.getMonth() + 1] + " " + today.getDate() + ", " + today.getYear());// Finish hiding of script --> </SCRIPT> </TD></TR></TBODY></TABLE></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->