利用jquery如何在網(wǎng)頁中顯示時(shí)間？

在網(wǎng)頁中動(dòng)態(tài)顯示時(shí)間，需要先獲取時(shí)間，然后更新時(shí)間，因此需要使用以下兩個(gè)函數(shù)

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了襄城免費(fèi)建站歡迎大家使用！

獲取時(shí)間

var?myDate=new?Date();?????????//?Date?對象用于處理日期和時(shí)間

利用定時(shí)器更新時(shí)間

setTimeout(code,millisec);????//?在指定的毫秒數(shù)后調(diào)用函數(shù)

實(shí)例演示如下

創(chuàng)建Html元素

div?class="box"

span利用javascript定時(shí)器顯示時(shí)間/spanbr

div?class="content"

span?id="clock"/span

/div

/div

設(shè)置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}

編寫jquery代碼

//?定義獲取和更新時(shí)間的函數(shù)

function?showTime()?{

var?curTime?=?new?Date();

$("#clock").html(curTime.toLocaleString());

setTimeout("showTime()",?1000);

}

//?頁面加載完成后執(zhí)行上面的自定義函數(shù)

$(function(){

showTime()

})

觀察效果

某一個(gè)時(shí)刻的截圖

過幾秒后的截圖

jquery 時(shí)間顯示出來

在層上面建立個(gè)class或name或其他字段。其中的值就為時(shí)間。

讓后點(diǎn)擊的時(shí)候

function showTime(obj){

t=$(obj).attr("class");

$("#date").val(t);

}

在輸入框中加入單擊事件

input id="date" onclick='showTime(this)' type="text" /

這樣就可以了。

jquery如何讓時(shí)間只顯示年月

div?id="nowTime"/div?

script?type="text/javascript"?src="jquery.js"/script

script?type="text/javascript"?

function?current(){?

var?d=new?Date(),str='';?

str?+=d.getFullYear()+'年';?//獲取當(dāng)前年份?

str?+=d.getMonth()+1+'月';?//獲取當(dāng)前月份（0——11）?

//str?+=d.getDate()+'日';?

//str?+=d.getHours()+'時(shí)';?

//str?+=d.getMinutes()+'分';?

//str?+=d.getSeconds()+'秒';?

return?str;

}?

setInterval(function(){

$("#nowTime").html(current)

},1000);?//顯示時(shí)分秒，并且秒數(shù)可以跳動(dòng)

//$("#nowTime").html(current);

/script

用jquery編寫12小時(shí)制顯示當(dāng)前系統(tǒng)時(shí)間

function?nowTime(ev,type){?

/*?

*?ev:顯示時(shí)間的元素?

*?type:時(shí)間顯示模式.若傳入12則為12小時(shí)制,不傳入則為24小時(shí)制?

*/

//年月日時(shí)分秒?

var?Y,M,D,W,H,I,S;?

//月日時(shí)分秒為單位時(shí)前面補(bǔ)零?

function?fillZero(v){?

if(v10){v=0+v;}?

return?v;?

}?

(function(){?

var?d=new?Date();?

var?Week=[星期天,星期一,星期二,星期三,星期四,星期五,星期六];?

Y=d.getFullYear();?

M=fillZero(d.getMonth()+1);?

D=fillZero(d.getDate());?

W=Week[d.getDay()];?

H=fillZero(d.getHours());?

I=fillZero(d.getMinutes());?

S=fillZero(d.getSeconds());?

//12小時(shí)制顯示模式?

if(type??type==12){?

//若要顯示更多時(shí)間類型諸如中午凌晨可在下面添加判斷?

if(H=12){?

H=上午?+H;?

}else?if(H12??H24){?

H-=12;?

H=下午?+fillZero(H);?

}else?if(H==24){?

H=下午?00;?

}?

}?

ev.innerHTML=Y+年+M+月+D+日?+?+W+?+H+:+I+:+S;?

//每秒更新時(shí)間?

setTimeout(arguments.callee,1000);?

})();?

}

如何用jquery在頁面顯示時(shí)間

如下：

一、引入jquery

二、HTML代碼

三、js代碼

1）引入js代碼

2）下面是完整的js代碼

本文標(biāo)題：jquery時(shí)間顯示時(shí)間,jquery 日期時(shí)間控件
文章地址：http://m.rwnh.cn/article16/phjdgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、搜索引擎優(yōu)化、面包屑導(dǎo)航、軟件開發(fā)、虛擬主機(jī)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)