使用js顯示當(dāng)前時(shí)間示例
頁(yè)面前臺(tái)顯示
<span id="clock" style="font-size:14px;"></span>
js腳本
$(document).ready(function () {
//第一種
showTime();
//第二種
var clock = new Clock();
clock.display($("#clock"));
});
//顯示系統(tǒng)當(dāng)前時(shí)間處理 第一種方法
function showTime() {
var myArray = new Array(7);
var TD = new Date();
myArray[0] = "星期日";
myArray[1] = "星期一";
myArray[2] = "星期二";
myArray[3] = "星期三";
myArray[4] = "星期四";
myArray[5] = "星期五";
myArray[6] = "星期六";
weekday = TD.getDay();
var h = TD.getHours();
var m = TD.getMinutes();
var s = TD.getSeconds();
var hstr = h;
var mstr = m;
var istr = s;
if (h < 10) { hstr = "0" + h };
if (m < 10) { mstr = "0" + m };
if (s < 10) { istr = "0" + s };
$("#clock").innerHTML('當(dāng)前時(shí)間:' + new Date().toLocaleDateString() + " " + myArray[weekday] + " " + hstr + ":" + mstr + ":" + istr);
setTimeout(showTime, 1000);
}
//顯示系統(tǒng)當(dāng)前時(shí)間處理 第二種方法
function Clock() {
var date = new Date();
this.year=date.getFullYear();
this.month=date.getMonth()+1;
this.date=date.getDate();
this.day=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六")[date.getDay()];
this.hour=date.getHours()<10?"0"+date.getHours():date.getHours();
this.minute=date.getMinutes()<10?"0"+date.getMinutes():date.getMinutes();
this.second=date.getSeconds()<10?"0"+date.getSeconds():date.getSeconds();
this.toString=function(){
return"現(xiàn)在時(shí)間是:"+this.year+"年"+this.month+"月"+this.date+"日"+this.hour+":"+this.minute+":"+this.second+""+this.day;
};
this.toSimpleDate=function(){
returnthis.year+"-"+this.month+"-"+this.date;
};
this.toDetailDate=function(){
returnthis.year+"-"+this.month+"-"+this.date+""+this.hour+":"+this.minute+":"+this.second;
};
this.display=function(ele){
varclock=newClock();
ele.innerHTML=clock.toString();
window.setTimeout(function(){clock.display(ele);},1000);
};
}
- JavaScript 獲取當(dāng)前時(shí)間戳的代碼
- js實(shí)時(shí)獲取并顯示當(dāng)前時(shí)間的方法
- js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新
- Javascript獲取當(dāng)前時(shí)間函數(shù)和時(shí)間操作小結(jié)
- JS之Date對(duì)象和獲取系統(tǒng)當(dāng)前時(shí)間詳解
- js實(shí)時(shí)獲取系統(tǒng)當(dāng)前時(shí)間實(shí)例代碼
- js判斷選擇時(shí)間不能小于當(dāng)前時(shí)間的示例代碼
- js實(shí)現(xiàn)獲取當(dāng)前時(shí)間是本月第幾周的方法
- JS中處理與當(dāng)前時(shí)間間隔的函數(shù)代碼
- JavaScript將當(dāng)前時(shí)間轉(zhuǎn)換成UTC標(biāo)準(zhǔn)時(shí)間的方法
- javascript獲取系統(tǒng)當(dāng)前時(shí)間的方法
- JS得到當(dāng)前時(shí)間的方法示例
相關(guān)文章
jquery批量設(shè)置屬性readonly和disabled的方法
批量設(shè)置屬性的方法有很多,在本文為大家介紹下使用jquery批量設(shè)置readonly和disabled屬性2014-01-01
jQuery基于xml格式數(shù)據(jù)實(shí)現(xiàn)模糊查詢(xún)及分頁(yè)功能的方法
這篇文章主要介紹了jQuery基于xml格式數(shù)據(jù)實(shí)現(xiàn)模糊查詢(xún)及分頁(yè)功能的方法,涉及jQuery使用ajax技術(shù)針對(duì)xml格式數(shù)據(jù)的讀取、模糊查詢(xún)及分頁(yè)顯示等相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
淺談jquery上下滑動(dòng)的注意事項(xiàng)
下面小編就為大家?guī)?lái)一篇jquery上下滑動(dòng)的注意事項(xiàng)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jquery仿QQ商城帶左右按鈕控制焦點(diǎn)圖片切換滾動(dòng)效果
jquery圖片特效制作仿騰訊QQ商城首頁(yè)banner焦點(diǎn)圖片輪播切換效果,帶索引按鈕控制和左右按鈕控制圖片切換,實(shí)例代碼如下,感興趣的朋友可以參考下哈2013-06-06
jquery實(shí)現(xiàn)的點(diǎn)擊翻書(shū)效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的點(diǎn)擊翻書(shū)效果代碼,可呈現(xiàn)點(diǎn)擊圖片顯示翻頁(yè)的效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)改變頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11

