小方的Java博客

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

27 隨筆 :: 17 文章 :: 115 評論 :: 0 Trackbacks

[原創]一個javascript的時鐘

初次寫js，感覺很不錯

需求：
1. session 傳值初始化時鐘，格式 hh:mm:ss
2. 時鐘在頁面上顯示倒計時功能
3. 時間到觸發點擊按鈕事件

<body?MS_POSITIONING="GridLayout"?onLoad="window.setInterval('Clock()',?1000);">

????????<script?type="text/javascript">

????????

????????function?Clock(){??????????????????

????????????var?init?=?clock.innerText;

????????????var?stop?=?new?Number("0");

????????????var?hms?=?new?String(init).split(":");

　　????????var?s?=?new?Number(hms[2]);

　　????????var?m?=?new?Number(hms[1]);

　　????????var?h?=?new?Number(hms[0]);

　　????????

　　????????if(stop?==?0){

　　????????????if(s?==?0){

　　????????????????if(m?==?0){

　　????????????????????if(h?==?0){

　　????????????????????????stop?=?1;

　　????????????????????????var?e?=?document.getElementById("finish").click();

　　????????????????????}

　　????????????????????else{

　　????????????????????????h--;

　　????????????????????}

　　????????????????????m?=?59;

　　????????????????}

　　????????????????else{

　　????????????????????m--;

　　????????????????}

　　????????????????s?=?59;

　　????????????}

　　????????????else{

　　????????????????s--;

　　????????????}

　　????????}

　　????????var?ss?=?s?<?10???("0"?+?s)?:?s;

　　????????var?sm?=?m?<?10???("0"?+?m)?:?m;

　　????????var?sh?=?h?<?10???("0"?+?h)?:?h;

　　????????init?=?sh?+?":"?+?sm?+?":"?+?ss;

　　????????clock.innerText?=?init;?????????

????????}

????????</script>

<form?id="Form1"?name="Form1"?method="post"?runat="server">

<SPAN?id="clock"><STRONG>

<%=(string)Session["time"]%></STRONG></SPAN>

<asp:button?id="finish"?runat="server"?Width="70px"?Height="20px"?Text="完成提交"></asp:button>

</form>

posted on 2006-10-01 00:35 方佳瑋閱讀(1114) 評論(1) 編輯收藏所屬分類: 其他技術


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: [整理]sql語句一些實用技巧for oracle [原創]一個javascript的時鐘 [原創]我大二時的數據結構（java語言描述）作業 [整理]SQL語句學習手冊實例版 [提問]如何做權限管理？大家也可一一起討論 [整理]什么才是最好處理中文方法

小方的Java博客

公告

常用鏈接

留言簿(6)

隨筆分類(24)

隨筆檔案(27)

文章分類(17)

文章檔案(17)

相冊

收藏夾(1)

BlogJava 朋友

最新隨筆

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜

評論