jQuery是一種廣泛應用于網頁開發的JavaScript框架,其具備方便快捷的API接口,能夠方便地實現網頁動態效果。在網頁的開發過程中,經常需要獲取當前時間,并且將其展示給用戶進行提示或者統計。那么,如何使用jQuery獲取頁面獲得時間呢?
$(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); });
以上代碼展示了如何在頁面中使用jQuery獲取當前時間,并將其展示在頁面上。我們首先使用JavaScript原生的Date對象獲取當前時間,然后通過getHours()、getMinutes()、getSeconds()等方法獲取小時、分鐘、秒鐘等時間值,最后將這些值通過字符串連接,形成形如“10:30:15”的時間格式。將該時間格式通過jQuery的text()方法賦值給指定元素的文本內容,就可以將時間展示在頁面上。
最后介紹一下如何在頁面中指定元素,用于展示獲取到的時間。
<div id="showTime"></div>
以上代碼展示了一個在頁面中用于展示時間的div元素,使用id屬性指定為“showTime”,通過該id屬性值,就可以在jQuery中方便地獲取到該元素,并將時間值展示在其中。