完整顯示當(dāng)前日期和時間的JS代碼
更新時間:2007年09月17日 13:12:54 作者:
代碼演示效果為“2007年2月25日星期日正午12:42:48”。
使用方法:將下面的JS代碼放到你想要顯示的頁面中(支持HTML頁面),然后在你想要顯示時間的位置插入下面的代碼即可
<div id="Clock" align="center" style="font-size: 12px; color:#000000"></div>
JS代碼如下:
<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today, theday;
today = new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() + d[today.getDay()+1];
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = theday+xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>
比較實用的代碼,值得珍藏^_^
使用方法:將下面的JS代碼放到你想要顯示的頁面中(支持HTML頁面),然后在你想要顯示時間的位置插入下面的代碼即可
<div id="Clock" align="center" style="font-size: 12px; color:#000000"></div>
JS代碼如下:
<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today, theday;
today = new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() + d[today.getDay()+1];
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = theday+xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>
比較實用的代碼,值得珍藏^_^
相關(guān)文章
javascript實現(xiàn)的簡易的DatePicker日歷
DatePicker是個很常見的組件。我大致搜了一下,滿大篇的demo。各大框架也把DatePicker納入基本的組件庫里。2011-02-02javascript 年月日聯(lián)動實現(xiàn)核心代碼
年月日的四級聯(lián)動實現(xiàn)效果的核心代碼,需要的朋友可以參考下。2009-12-12Javascript 倒計時源代碼.(時.分.秒) 詳細(xì)注釋版
基于js的倒計時實現(xiàn)代碼,并有詳細(xì)的注釋比較適合學(xué)習(xí)使用。2011-05-05JS 操作日期 順便實現(xiàn) 上一周 和 下一周 功能
JS本身沒有提供日期加減操作能力,所以借此寫了幾個方法,用以操作日期,主要是實現(xiàn)日期的加減2009-10-10javascript 日歷提醒系統(tǒng)( 兼容所有瀏覽器 )
日歷提醒插件(純 javascript + css 打造,不含各類添加劑) 代碼比較精簡,數(shù)據(jù)可以從數(shù)據(jù)庫中讀取。2009-04-04