jQuery是一種廣泛應(yīng)用于網(wǎng)頁(yè)開發(fā)的JavaScript框架,其具備方便快捷的API接口,能夠方便地實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)效果。在網(wǎng)頁(yè)的開發(fā)過(guò)程中,經(jīng)常需要獲取當(dāng)前時(shí)間,并且將其展示給用戶進(jìn)行提示或者統(tǒng)計(jì)。那么,如何使用jQuery獲取頁(yè)面獲得時(shí)間呢?
$(document).ready(function() { var now = new Date(); var h = now.getHours(); var m = now.getMinutes(); var s = now.getSeconds(); var time = h + ":" + m + ":" + s; $("#showTime").text(time); });
以上代碼展示了如何在頁(yè)面中使用jQuery獲取當(dāng)前時(shí)間,并將其展示在頁(yè)面上。我們首先使用JavaScript原生的Date對(duì)象獲取當(dāng)前時(shí)間,然后通過(guò)getHours()、getMinutes()、getSeconds()等方法獲取小時(shí)、分鐘、秒鐘等時(shí)間值,最后將這些值通過(guò)字符串連接,形成形如“10:30:15”的時(shí)間格式。將該時(shí)間格式通過(guò)jQuery的text()方法賦值給指定元素的文本內(nèi)容,就可以將時(shí)間展示在頁(yè)面上。
最后介紹一下如何在頁(yè)面中指定元素,用于展示獲取到的時(shí)間。
<div id="showTime"></div>
以上代碼展示了一個(gè)在頁(yè)面中用于展示時(shí)間的div元素,使用id屬性指定為“showTime”,通過(guò)該id屬性值,就可以在jQuery中方便地獲取到該元素,并將時(shí)間值展示在其中。