»
Tiếng AnhTiếng PhápTiếng Việt

In - Đồng hồ đơn giản - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ đơn giản
URL: https://www.javascriptbank.com/borderless-clock-script.html

Đồng hồ đơn giản © JavaScriptBank.comHiệu ứng này tạo một đồng hồ đơn giản trên trang web bằng CSS và Javascript, thật ra đồng hồ được đặt trong một thẻ input nhưng do tác giả dùng CSS để chỉnh sửa nên ta cứ tưởng nó nằm trong một thẻ DIV chẳng hạn, vì vậy tên tiếng Anh của hiệu ứng này là Borderless Clock.

Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ đơn giản
URL: https://www.javascriptbank.com/borderless-clock-script.html



CSS
<STYLE>.clock {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; CURSOR: default; BORDER-RIGHT-WIDTH: 0px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=javascript>// Author: Corey Ogburnfunction time() {var now= new Date();var hour= now.getHours();var min= now.getMinutes();var sec= now.getSeconds();if (min<10) {min = "0" + min;}if (sec<10) {sec = "0"+sec;}var time= hour+":"+min+":"+sec;timeclock.clock.value = time;setTimeout("time()",100);}function fcs() {document.focus();}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=time();><FORM name=timeclock><INPUT class=clock onclick=fcs() readOnly type=input name=clock></FORM></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->