萬盛學電腦網

浏覽器 windows 10 wps office 殺毒軟件 數據庫 excel教程 文件管理 word教程 網頁制作 裝機必備軟件 linux教程

 萬盛學電腦網 >> 網絡編程 >> 安卓開發 >> 在Form中顯示時間的腳本的方法

在Form中顯示時間的腳本的方法

下面我們給大家介紹一下Form中顯示時間的腳本的方法吧!希望大家可以在這裡學習!

　第一步：把如下代碼加入到<body>區域中

　　<script language="Javascript">
<!-- Hide
var timerID = null
var timerRunning = false
function MakeArray(size)
{
this.length = size;
for(var i = 1; i <= size; i++)
{
  　this[i] = "";
}
return this;
}
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false
}
function showtime () {
var now = new Date();
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var day = now.getDay();
Day = new MakeArray(7);
Day[0]="星期天";
Day[1]="星期一";
Day[2]="星期二";
Day[3]="星期三";
Day[4]="星期四";
Day[5]="星期五";
Day[6]="星期六";
var timeValue = "";
timeValue += year + "年";
timeValue += ((month < 10) ? "0" : "") + month + "月";
timeValue += date + "日  ";
timeValue += (Day[day]) + "  ";
timeValue += ((hours <= 12) ? hours : hours - 12);
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
timeValue += (hours < 12) ? "上午" : "下午";
document.jsfrm.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true
}
function startclock () {
stopclock();
showtime()
}
//-->
</script>
<form name='jsfrm'>
<input type=text name='face' size=34 value=''>
</form>

　　第二步：把“onLoad="startclock()"”加在<body>標記裡

　　例如：<body onLoad="startclock()">

以上就是我們給大家介紹的Form中顯示時間的腳本的方法了。希望大家繼續關注我們的網站!

安卓開發排行

程序編程推薦

熱門文章

 [服務器教程]nginx 防垃圾流量的perl清洗…
 [美圖秀秀教程]美圖秀秀清除紅眼教程
 [windows 8技巧]如何解決Win8屏幕突然黑屏問題
 [電腦入門]PowerPoint2003如何在各…
 [Linux教程]Linux升級Glibc時系統奔潰怎…
 [wps綜合教程]快速將網上數據導入到WPS表格的技巧

相關文章

圖片文章

UI設計師容易忽略的四個現實

 　　我遇到非常多這樣子的設計師，他們從不考慮「這樣設計稿交出去，工程師做不做得出來」的問題，也不願意…

20個以羚羊為元素的標志設計欣賞

 　　20個以羚羊為元素的標志設計欣賞…

在mysql中讓數據庫中數據成倍增長

 　　在項目中有時候需要測試一下數據庫的性能或者就是為了測試一下分頁效果，如果一條條數據插入，顯然效率…

120個優秀的水平導航設計

導航是一個網站的路標，優秀的導航是網站設計成功地第一步。導航必須是用戶友好的，而且要與網站設計風格保持一致，這樣…

萬盛學電腦網 | 設為首頁 | 加入收藏

copyright © 萬盛學電腦網 all rights reserved