- JavaScript+jQuery網頁特效設計任務驅動教程
- 陳承歡
- 241字
- 2020-01-10 16:36:33
任務2-1 顯示常規格式的當前日期與時間
在網頁中顯示如下形式的當前日期和時間。
當前日期和時間:2018/9/16 上午10:15:51
對應的JavaScript代碼如表2-1所示。
表2-1 網頁中顯示常規格式的當前日期與時間的JavaScript代碼
網頁中對應的HTML代碼如下所示。
<div id="nowclock"> <span class="red" >當前日期和時間:</span>2018 年 01 月 01 日 00 時 00 分 00 秒 </div>
也可以使用以下代碼實現類似功能。
<div id="showtime" > <script> setInterval("showtime.innerHTML='當前日期和時間:' + new Date().toLocaleString()" , 1000); </script> </div>
表2-1中的代碼解釋如下。
(1)02~06行為自定義函數tick()的代碼。
(2)03行使用Date()對象創建了一個日期對象示例。
(3)04行調用計時方法每秒鐘調用一次函數tick()。
(4)05行使用網頁元素的innerHTML屬性設置網頁內容。
推薦閱讀
- C程序設計簡明教程(第二版)
- 數據結構(Java語言描述)
- ASP.NET Core 2 and Vue.js
- SSM輕量級框架應用實戰
- 表哥的Access入門:以Excel視角快速學習數據庫開發(第2版)
- D3.js 4.x Data Visualization(Third Edition)
- C語言課程設計
- Fast Data Processing with Spark(Second Edition)
- 區塊鏈國產化實踐指南:基于Fabric 2.0
- 實戰Java高并發程序設計(第2版)
- ABAQUS6.14中文版有限元分析與實例詳解
- SEO教程:搜索引擎優化入門與進階(第3版)
- Clojure High Performance Programming(Second Edition)
- Spring Boot從入門到實戰
- 計算思維與Python編程