jquery實時獲取時間的簡單實例
更新時間：2017年01月26日 10:54:51 投稿：jingxian
下面小編就為大家?guī)硪黄猨query實時獲取時間的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
$(document).ready(function(){
function time(){
var date=new Date();
var h=date.getHours();
var m=date.getMinutes();
var s=date.getSeconds();
$('div').eq(0).html(h);
$('div').eq(1).html(m);
$('div').eq(2).html(s);
for(var i=0;i<$('div').length;i++){
if($('div').eq(i).text().length==1){
$('div').eq(i).html(function(index,html){
return 0+html;
});
}
}
}
time();
setInterval(time,1000);
})；
HTML部分
<div></div>
<div></div>
<div></div>
以上這篇jquery實時獲取時間的簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了jQuery實現(xiàn)的鼠標響應緩沖動畫效果,涉及jQuery事件響應、數(shù)值運算及頁面元素動態(tài)操作相關技巧,需要的朋友可以參考下2018-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)滾動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
本文主要介紹了預加載顯示圖片藝術實現(xiàn)的方法--一個jquery庫的preLoadImages()函數(shù)，使用這個函數(shù)就可以輕松實現(xiàn)圖片預加載了。需要的朋友可以看下2016-12-12
一張表格告訴你windows.onload()與$(document).ready()的區(qū)別
這篇文章主要介紹了windows.onload()與$(document).ready()的區(qū)別2014-05-05
這篇文章主要介紹了從如何寫JQuery插件，需要注意的事項，還有必須要做的步驟，看過這個文章相信你會明白如何寫好一個JQuery插件2013-11-11
jQuery實現(xiàn)輸入框下拉列表樹插件特效代碼分享
這篇文章主要介紹了jQuery實現(xiàn)輸入框下拉列表樹特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法
這篇文章主要介紹了jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法,通過簡單的jquery頁面元素樣式操作實現(xiàn)展開與合攏面板的功能,非常簡單實用,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery對象和DOM對象之間相互轉換的方法介紹,本文講解了jQuery對象轉成DOM對象、DOM對象轉換成jQuery對象 方法,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了Jquery的基本對象轉換和文檔加載用法,實例分析了Jquery的基本對象轉換及文檔加載使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
JavaScript 學習筆記之一jQuery寫法圖片等比縮放以及預加載
以前對于JavaScript總是在用到的時候在頁面上寫幾個函數(shù)，基本沒考慮到函數(shù)的封裝與重用，最近有個項目可能對于這方面要求有點高，所以就研究了下類似jQuery的封裝2012-06-06