HTML 中獲取現在時間,實時時間獲取

来源:http://www.cnblogs.com/Tanghongchang/archive/2017/08/11/7345327.html
-Advertisement-
Play Games

JavaScript Date 對象 Date 對象用於處理日期與實際。 創建 Date 對象: var now = new Date(). <script type="text/javascript"> var span = document.getElementById("spandate"); ...


 

JavaScript   Date 對象

                           Date 對象用於處理日期與實際。

創建 Date 對象:

                 var now  =  new Date().

 

方法描述
getDate() 從 Date 對象返回一個月中的某一天 (1 ~ 31)。
getDay() 從 Date 對象返回一周中的某一天 (0 ~ 6)。
getFullYear() 從 Date 對象以四位數字返回年份
getHours() 返回 Date 對象的小時 (0 ~ 23)。
getMilliseconds() 返回 Date 對象的毫秒(0 ~ 999)。
getMinutes() 返回 Date 對象的分鐘 (0 ~ 59)。
getMonth() 從 Date 對象返回月份 (0 ~ 11)。
getSeconds() 返回 Date 對象的秒數 (0 ~ 59)。
   
setDate() 設置 Date 對象中月的某一天 (1 ~ 31)。
setFullYear() 設置 Date 對象中的年份(四位數字)。
setHours() 設置 Date 對象中的小時 (0 ~ 23)。
setMilliseconds() 設置 Date 對象中的毫秒 (0 ~ 999)。
setMinutes() 設置 Date 對象中的分鐘 (0 ~ 59)。
setMonth() 設置 Date 對象中月份 (0 ~ 11)。
setSeconds() 設置 Date 對象中的秒鐘 (0 ~ 59)。
setTime() setTime() 方法以毫秒設置 Date 對象。
   

 

 

<script type="text/javascript">

    var span = document.getElementById("spandate");

    var now = new Date();

    var year = now.getFullYear();//
    var month = now.getMonth() + 1;//月  (註意:月份+1)
    var date = now.getDate();//
   
    if (month < 10) {
        month = "0" + month;
    }
    if (date < 10) {
        date = "0" + date;
    }
   
    span.innerText = year + "-" + month + "-" + date;
   


</script>
js 中獲取現在時間 年-月-日

 

 

2、實時顯示時間 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • h5-文本框 ...
  • 這個demo只是一個大概的思路,具體還需要根據情況來進行 上述代碼有一個地方動態設置需要動畫的ID值的代碼,下圖可以幫助你理解 ...
  • 基於 Vue 全家桶 (2.x) 製作的移動端音樂 WebApp ,一個媲美原生的移動端音樂 App,項目完整、功能完備、UI美觀、交互一流。 ...
  • 創建對象 工廠模式 function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.nam ...
  • Write less, do more. 這便是jQuery的宗旨!jQuery,一個高效、精簡並且功能豐富的 JavaScript 工具庫。 想必,對於每一個前端開發者,一定用過jQuery吧!俗話說,學會jQuery,打哪兒都不怕!(瞎說的。。) jQuery也是我接觸過的第一個JavaScri ...
  • 寫在開始 一開始將自己 部署到 ,結果發現打開頁面速度有點慢,然後又將其同時部署到 ,實現雙線路訪問,國內解析記錄到 ,國外解析到 ,這樣確實網站的速度能提高不少,但是國內訪問因為是經過 ,所以打開網站會有廣告,這點不能容忍,於是想到自己的伺服器也還空閑著,於是想到可以部署到自己的伺服器上,折騰開始 ...
  • 上一篇文章《一個基於ES5的vue小demo》我們講瞭如何用ES5,vue-router做一個小demo,接下來我們來把它變成基於ES6+webpack的demo。 一、環境搭建及代碼轉換 我們先搭建一下vue 的開發環境,根據我的一篇隨筆《Vue開發環境搭建及熱更新》,我們一步步搭建開發環境,pr ...
  • 一、前言: 我們在實際工作中,或者在面試找工作時,都會用到或者被問到一個問題,那就是“數組如何去重”。是的,這個問題有很多種解決方案,看看下麵的十種方式吧! 二、數組去重方式大彙總: Methods 1: 思路:定義一個新數組,並存放原數組的第一個元素,然後將元素組一一和新數組的元素對比,若不同則存 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...