現在,我們要學習如何使用jQuery給HTML元素賦值當前時間。在此之前,確保你已經在你的頁面中引入了jQuery庫。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
下面是代碼示例:
<!-- 創建一個空的HTML標記 --> <p id="time"></p> <!-- 使用jQuery將當前時間賦值給HTML標記 --> <script> $(document).ready(function(){ var now = new Date(); var time = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds(); $("#time").text("當前時間是:" + time); }); </script>
代碼說明:
- 我們將創建一個空的HTML標記
<p>
,并為其設置一個唯一的ID,以便我們可以使用jQuery來定位它。 - 我們在一個Javascript腳本塊中使用jQuery。在這個示例中,我們使用了一個
$(document).ready()
函數,以確保代碼在文檔完全加載后運行。 - 我們使用
new Date()
函數創建一個新的Date對象,獲取當前時間。 - 我們使用
getHours()
,getMinutes()
和getSeconds()
方法從Date對象中獲取小時、分鐘和秒。 - 我們將時間格式化為
HH: mm: ss
的字符串,并將其存儲在一個變量中。 - 最后,我們使用jQuery的
text()
方法將包含當前時間的字符串賦值給我們之前創建的空HTML標記。
現在你可以在你的HTML頁面中看到顯示當前時間的<p>
元素。
上一篇jquery購物車js
下一篇css怎么控制中間截取