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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實現(xiàn)的鼠標響應(yīng)緩沖動畫效果示例
這篇文章主要介紹了jQuery實現(xiàn)的鼠標響應(yīng)緩沖動畫效果,涉及jQuery事件響應(yīng)、數(shù)值運算及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2018-02-02一張表格告訴你windows.onload()與$(document).ready()的區(qū)別
這篇文章主要介紹了windows.onload()與$(document).ready()的區(qū)別2014-05-05jQuery實現(xiàn)輸入框下拉列表樹插件特效代碼分享
這篇文章主要介紹了jQuery實現(xiàn)輸入框下拉列表樹特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法
這篇文章主要介紹了jquery實現(xiàn)簡單合攏與展開網(wǎng)頁面板的方法,通過簡單的jquery頁面元素樣式操作實現(xiàn)展開與合攏面板的功能,非常簡單實用,需要的朋友可以參考下2015-09-09jQuery對象和DOM對象之間相互轉(zhuǎn)換的方法介紹
這篇文章主要介紹了jQuery對象和DOM對象之間相互轉(zhuǎn)換的方法介紹,本文講解了jQuery對象轉(zhuǎn)成DOM對象、DOM對象轉(zhuǎn)換成jQuery對象 方法,需要的朋友可以參考下2015-02-02JavaScript 學(xué)習(xí)筆記之一jQuery寫法圖片等比縮放以及預(yù)加載
以前對于JavaScript總是在用到的時候在頁面上寫幾個函數(shù),基本沒考慮到函數(shù)的封裝與重用,最近有個項目可能對于這方面要求有點高,所以就研究了下類似jQuery的封裝2012-06-06