建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
利用jquery如何在網(wǎng)頁(yè)中顯示時(shí)間？
在網(wǎng)頁(yè)中動(dòng)態(tài)顯示時(shí)間，需要先獲取時(shí)間，然后更新時(shí)間，因此需要使用以下兩個(gè)函數(shù)
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了襄城免費(fèi)建站歡迎大家使用！
獲取時(shí)間
var?myDate=new?Date();?????????//?Date?對(duì)象用于處理日期和時(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;}
編寫(xiě)jquery代碼
//?定義獲取和更新時(shí)間的函數(shù)
function?showTime()?{
var?curTime?=?new?Date();
$("#clock").html(curTime.toLocaleString());
setTimeout("showTime()",?1000);
}
//?頁(yè)面加載完成后執(zhí)行上面的自定義函數(shù)
$(function(){
showTime()
})
觀察效果
某一個(gè)時(shí)刻的截圖
過(guò)幾秒后的截圖
jquery 時(shí)間顯示出來(lái)
在層上面建立個(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編寫(xiě)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í)間類(lèi)型諸如中午凌晨可在下面添加判斷?
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在頁(yè)面顯示時(shí)間
如下：
一、引入jquery
二、HTML代碼
三、js代碼
1）引入js代碼
2）下面是完整的js代碼
分享名稱(chēng)：jquery時(shí)間顯示時(shí)間,jquery 日期時(shí)間控件
當(dāng)前URL：http://www.dlmjj.cn/article/phjdgg.html
