2. 程式人生 > >用Javascript在HTML中顯示實時時間

用Javascript在HTML中顯示實時時間

阿新 • • 發佈：2019-01-22

方法如下：
1. 在script中建立方法time；
2. 建立新的Date物件date，並通過使用Date的內建方法給year、month等賦值；
3. 通過連線符號將各個時間連線起來；
4. 使用document.getElementById(“time”).innerHTML將其顯示到HTML主頁中；
5. 使用setInterval設定動態更新時間，即實時時間；

注意：
（1）獲取年份的方法前面有full；
（2）月份的表示從零開始；
（3）周的獲取值表示為數字，可以通過switch的方法轉換，也可以通過下面程式碼中的方法將其轉化為星期幾；
（4）對於時分秒的兩位表示，可以在前面加上符號0；

參考程式碼見下：

<html>
    <head>
        <meta charset="UTF-8">
        <title>日期和時間</title>
        <script>
            function time(){
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth()+1
 
;
                var day = date.getDate();
                var week = date.getDay();
                week="星期"+"日一二三四五六".charAt(week);
                /*switch(week){
                    case 1:
                        week="星期一";
                        break;
                    case 2:
                        week="星期二"
 
;
                        break;
                    case 3:
                        week="星期三";
                        break;
                    case 4:
                        week="星期四";
                        break;
                    case 5:
                        week="星期五";
                        break;
                    case 6:
                        week="星期六";
                        break;
                    case 0:
                        week="星期日";
                        break;
                }*/
                var hour =date.getHours();
                hour=hour<10?"0"+hour:hour;
                var minute =date.getMinutes();
                minute=minute<10?"0"+minute:minute;
                var second = date.getSeconds();
                second=second<10?"0"+second:second;
                var currentTime = year+"-"+month+"-"+day+"  "+week+"   "+hour+":"+minute+":"+second;
                document.getElementById("time").innerHTML=currentTime;
            }
            setInterval("time()",1000);
        </script>
    </head>
    <body onload="time()">
        <span id="time"></span>
    </body>
</html>

相關推薦

用Javascript在HTML中顯示實時時間

方法如下： 1. 在script中建立方法time； 2. 建立新的Date物件date，並通過使用Date的內建方法給year、month等賦值； 3. 通過連線符號將各個時間連線起來； 4. 使用document.getElementById

用javascript在頁面中顯示系統時間

//把毫秒數轉化成固定格式的日期var time = new Date(po.replyTime); var year = time.getFullYear();var month = time.getMonth()+1;var day = time.getDate();v

javascript+php實現根據用戶時區顯示當地時間的方法

rip 判斷 方法 exp margin 一段 neo string == 本文實例講述了javascript+php實現根據用戶時區顯示當地時間的方法。分享給大家供大家參考。具體如下： 在跨時區應用中會用到下面代碼，這是以前寫的一段代碼。 服務器保存相關時間配置，保存

報表如何自動刷新顯示實時時間？

out function 一次 就是 而且 能夠 做到 調用函數 roc 報表，除了相對靜態地展現匯總統計數據以及分布、趨勢等數據內容外，也可以用於顯示和時間相關的即時信息，同時還會需要顯示實時時間的效果，例如下面這個設備監控應用統系中，通過首頁顯示實時監控數據外，還需要在

Qt customplot外掛中繪製實時時間堆積曲線

ui->widget_tem->xAxis->setAutoTickStep(true);//自動分配刻度間距 ui->widget_tem->xAxis->setAutoTicks(true);//自動分配刻度 doub

QT介面顯示實時時間

#include "BV.h" #include "QtCore" BV::BV(QWidget *parent) : QMainWindow(parent) {ui.setupUi(this);void nowtime();QTimer *timer = new QT

Jsp中顯示當前時間

專案中在jsp中取得當前系統時間的方案， 僅供參看。 <script language="javascript">     var jspNowDate = new Date();     jspNowDate.getYear();               

用JS來顯示當前時間並自動重新整理和用JS對錶格資料修改儲存

通過這兩天的學習已經可以做到用JS來做一些簡單的表格增刪，今天的課上練習主要在以下兩個方面：用JS來顯示當前的時間並用中文表示，這個比較簡單，只需要獲取當前的時間，並在單位後加上中文的單位就可以：                        var myDate=new D

用JS實現實時顯示系統時間

class mon 星期 itl utf sso inner watermark cti 下面為大家附上代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset=

用java製作的簡易倒計時器（主要可用於考試系統中考試剩餘時間顯示）

import java.awt.BorderLayout; import java.awt.Font; import java.text.SimpleDateFormat; import java.util.Date; import java.util.Scanner; i

JS中使用Date物件實時顯示系統時間小示例

JS中包含Date物件，其提供了一些方法獲取系統日期，直接上程式碼： <!DOCTYPE html> <html> <head> <meta char

C#調用SQL中存儲過程並用DataGridView顯示執行結果

exec char 登錄名 dataset type data comm and def //連接數據庫 SqlConnection con = new SqlConnection("server=服務器名稱;database=數據庫名稱;user id=登錄名;pwd=登

ASP程序中調用Now()總顯示“上午”和“下午”，如何解決？

strong nat 正常 nbsp 如何解決 註冊 tro 24小時 建立 ASP程序中調用Now()總顯示這樣的格式：“2007-4-20 下午 06:06:38”，我要的正確格式為“2007-4-20 18:06:38”，我已經通過控制面板==>區域和語言選項=

Django在admin模塊中顯示auto_now_add=True或auto_now=True的時間類型列

ram func false 定義 模塊 -s ret 其中 pretty 在Django如果model中的列定義了auto_now_add或auto_now屬性，那麽這種列不會在admin的頁面中顯示，比如： class Blog(models.Model):

js實時獲取並顯示當前時間的方法

.com 分享 獲取 png com 9.png image img log js實時獲取並顯示當前時間的方法

Cookie案例-顯示用戶的上次訪問時間代碼實現

doget 獲得 java time -- utf-8 png tex edate 1 案例分析 2 Java實現代碼 public class LastAccessTimeServlet extends HttpServlet { protect

Servlet案例6：顯示用戶的上次訪問時間

type image cookies 記錄 pos servlet () 代碼實現 response 這裏是cookie的簡單應用 告訴用戶您的上次訪問時間是：xxxx-xx-xx xx:xx:xx 思路： 第一次訪問該網站時候，記錄當前訪問時間(new Date())

cookies 顯示用戶上次訪問的時間 學習筆記

cookies 顯示用戶上次訪問的時間Cookie.setMaxAge(72460*60) Cookie.setPath(“/day0X”); Httpwatch觀察 Cookie.setMaxAge(0)刪除同名Cookie import java.io.IOException; import java

如何在iOS中構建實時用戶的狀態更新

程序員 移動編程了 狀態更新 ios ios開發 在構建聊天應用程序時，看到朋友的列表和朋友的狀態並不少見。像WhatsApp這樣的應用程序具有此功能，檢查您的朋友的狀態非常有用，並知道在那時向他們發送消息是否明智。 我們將在一個虛構的iOS聊天應用程序中構建一個類似的功能。我們將使用Pu

python獲取當前時間用GUI介面顯示

程式執行效果圖： 有兩種方法，執行效果一樣 方法一：利用configure()或config()方法實現文字變化 # 方法一：利用configure()或config()方法實現文字變化 import tkinter import time def gettime():