top
Loading...
JavaScript語言實現時鐘顯示

在瀏覽器中有一種嵌入式語言,稱為JavaScript,可以利用該語言編寫程序顯示時鐘,嵌入到HTML文檔中。

利用JavaScript語言實現時鐘顯示,在單機上就可直接嘗試, 只要安裝瀏覽器即可。如用文本編輯器將下面一段文字存到一個以htm為后綴的文件中,再用瀏覽器打開這個文件,瀏覽器窗口便顯示如圖所示的時鐘圖案。

< HTML>

< HEAD>

< TITLE> Test< /TITLE>

< SCRIPT LANGUAGE="JavaScript">

function gettime()

{ var t = new Date();

var hours = t.getHours();

var minutes = t.getMinutes();

var seconds = t.getSeconds();

var show_str ="";

show_str +=(hours > 12) ? "下午 ": "上午 ";

show_str += ((hours > 12) ? hours-12 : hours);

show_str += ((minutes < 10) ? ":0" : ":") + minutes;

show_str += ((seconds < 10) ? ":0" : ":") + seconds;

document.show_time.name1.value = show_str;

timerID = setTimeout("gettime()",1000);

}

< /SCRIPT>

< /HEAD>

< BODY onLoad="gettime()">

< BODY>

< FORM NAME="show_time" onSubmit="0">

現在時間是

< INPUT TYPE="text" NAME="name1" SIZE=16 VALUE="">

< /FORM>

< /BODY>

< /HTML>

其效果如下:

在該例中,用了較多的HTML語法規則,有關HTML語言已有很多文章介紹,本文不再介紹。其中< SCRIPT LANGUAGE="JavaScript">至< /SCRIPT>之間是JavaScript程序,其語法與C語言有些類似,讀者可參閱有關書籍,便可設計出自己所需要的各種界面和功能。

實際上,在搜索引擎如http://www.google.com/中以“當前時間”作為關鍵字,便可以搜索到很多站點提供這類免費的代碼,直接粘貼到自己的網頁中即可。

作者:http://www.zhujiangroad.com
來源:http://www.zhujiangroad.com
北斗有巢氏 有巢氏北斗