JS控制日期顯示的小例子
更新時(shí)間：2013年11月23日 15:14:48 作者：
這篇文章主要介紹了JS控制日期顯示的小例子，有需要的朋友可以參考一下
我們?cè)陧?xiàng)目中一般會(huì)遇到顯示時(shí)間的問(wèn)題，一般的處理方式是在前臺(tái)通過(guò)JS控制，JS控制顯示時(shí)間的代碼如下，各種不同的顯示方式：
復(fù)制代碼 代碼如下:
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[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)在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};//現(xiàn)在是<SPAN id=clock>現(xiàn)在是:2013年3月6日 13:54:17 星期三</SPAN>
復(fù)制代碼 代碼如下:
<SPAN></SPAN>
this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};//2013-03-06
this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};//2013-03-06 13:45:43
this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();//顯示方式調(diào)用
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}
相關(guān)文章
有人用JS做網(wǎng)站跳轉(zhuǎn),也有人用很多其他作弊的方法,今天又發(fā)現(xiàn)有太多的人用這樣的方法實(shí)現(xiàn)兩個(gè)站的IP共享,把http://m.fzitv.net替換成自己的站2008-09-09
在Web開(kāi)發(fā)中,處理圖片、字體等資源文件是一個(gè)常見(jiàn)的需求,傳統(tǒng)的做法是將這些資源文件放在靜態(tài)目錄中,然后在HTML或CSS中引用,然而,這種方法在構(gòu)建工具（如Webpack）中并不總是最理想的,為了解決這個(gè)問(wèn)題,可以使用url-loader,需要的朋友可以參考下2025-04-04
本文將詳細(xì)介紹一個(gè)可拖拽列寬表格實(shí)例,需要了解更多的朋友可以參考下2012-11-11
這篇文章主要為大家詳細(xì)介紹了原生JS層疊輪播圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
js實(shí)現(xiàn)導(dǎo)入導(dǎo)出功能實(shí)例代碼(FileSave.js)
這篇文章主要給大家介紹了關(guān)于js實(shí)現(xiàn)導(dǎo)入導(dǎo)出功能(FileSave.js)的相關(guān)資料,FileSaver.js是在客戶(hù)端保存文件的解決方案,非常適合在客戶(hù)端上生成文件的Web應(yīng)用,需要的朋友可以參考下2023-11-11
JS實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證功能完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證功能,結(jié)合完整實(shí)例形式分析了JS滑動(dòng)拼圖驗(yàn)證相關(guān)原理、實(shí)現(xiàn)步驟與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
前端圖片懶加載的原理與3種實(shí)現(xiàn)方式舉例
圖片懶加載又稱(chēng)圖片延時(shí)加載、惰性加載,即在用戶(hù)需要使用圖片的時(shí)候加載,這樣可以減少請(qǐng)求,節(jié)省帶寬,提高頁(yè)面加載速度,相對(duì)的,也能減少服務(wù)器壓力,下面這篇文章主要給大家介紹了關(guān)于前端圖片懶加載的原理與3種實(shí)現(xiàn)方式的相關(guān)資料,需要的朋友可以參考下2023-03-03
JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下2017-04-04
javascript 傳統(tǒng)事件模型構(gòu)造的事件監(jiān)聽(tīng)器實(shí)現(xiàn)代碼
最近做東西需要添加大量的事件，而且要對(duì)所有事件進(jìn)行比較細(xì)致的控制，于是便試著寫(xiě)了個(gè)事件監(jiān)聽(tīng)器。2010-05-05
js 數(shù)組實(shí)現(xiàn)一個(gè)類(lèi)似ruby的迭代器
今天突然發(fā)現(xiàn)js的數(shù)組處理起來(lái)真是麻煩,代碼一些就是一大堆,相比起ruby的迭代器來(lái)真是遜色不少。2009-10-10