顯示當前時間——javascript

阿新 • • 發佈：2018-12-10

網頁上顯示日期時間，就只需要建立一個Date物件，我們就可以完成時間的實現，但這個時間卻是固定的。那是因為當頁面載入完資料之後，這個時間就是固定的了，所以我們要每秒顯示一次時間，這樣時間就能實時更新了。

核心程式碼

//設定定時器     
setInterval(function() {
    document.getElementById("nowTime").innerHTML = getNowTime()
}, 1000)

是不是很簡單，這就是一個定時器，通過每過一秒顯示一次時間，這樣就可以更新時間了

完整程式碼

<!DOCTYPE html>
<html> 

<head>
    <title>顯示當前時間</title>
</head>
<script type="text/javascript">
    window.onload  = () => {
        //設定星期數
        const getWeekDay = (week) => {
            weekday = null
            if(week == "1") {
                weekday == "星期一"
            }
            else 
 if (week == "2") {
                weekday = "星期二"
            }
            else if (week == "3") {
                weekday = "星期三"
            }else if (week == "4") {
                weekday == "星期四"
            }else if (week == "5") {
                weekday = "星期五"
            }else if (week == "6" 
) {
                weekday = "星期六"
            }else if(week == "7") {
                weekday = "星期日"
            } 
            return weekday
        }
        const getNowTime = () => {
            //獲取當前時間
            var date = new Date()
            //設定日期格式
            var nowtime = date.getFullYear() + "年"
                + (date.getMonth() + 1) + "月"
                + date.getDate() + "日"
                + "<br/>"
                + getWeekDay(date.getDay())
                + "<br/>"
                + date.getHours() + ":"
                + date.getMinutes() + ":"
                + date.getSeconds()
            return nowtime
        }
        //設定定時器，每過一秒顯示當前時間
        setInterval(function() {
            document.getElementById("nowTime").innerHTML = getNowTime()
        }, 1000)
    }
</script>
<body>
    <h2>顯示當前時間</h2>
    <p id="nowTime"></p>
</body>
</html>

顯示當前時間——javascript

網頁上顯示日期時間，就只需要建立一個Date物件，我們就可以完成時間的實現，但這個時間卻是固定的。那是因為當頁面載入完資料之後，這個時間就是固定的了，所以我們要每秒顯示一次時間，這樣時間就能實時更新了。核心程式碼 //設定定時器 setInt

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

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

一個小小的即時顯示當前時間的jqury控件

spa 當前時間 In span bsp func mage ready html 效果： <div class="sj"> 　　<span></span>年　　<span></span>月　　&

Python繪制數碼管顯示當前時間

Python利用Python中的turtle圖形庫繪制七段數碼管，顯示當前時間代碼 # coding:utf-8 # 繪制七段數碼管，顯示當前時間 import time import turtle as tt # 繪制間隔 def drawGap(): tt.penup() tt.f

js顯示當前時間

bsp htm tex .html pre style char title 星期六 <html> <head> <title>js實現當前日期顯示</title> </head>

python設計透明電子時鐘，包含顯示當前時間、計算時間差的方法！

效果：摘要在使用Python寫程式時，經常需要輸出系統的當前時間以及計算兩個時間之間的差值，或者將當前時間加減一定時間（天數、小時、分鐘、秒）來得到新的時間，這篇文章就對一些常見的時間相關的問題系統的進行總結。包這裡主要使用Pytho

軟體素材---C/C++格式化顯示當前時間--標準函式strftime

函式原型：size_t strftime (char* ptr, size_t maxsize, const char* format,const struct tm* timeptr ); 標頭檔案： time.h #include <stdio.h> 2 #includ

☆ C/C++ 即時重新整理並顯示當前時間

原先想著在原文章上進行修改，可是一直提示修改失敗( ･´ω`･ ) 轉之想一想，而且那篇文章中也沒有把游標定位放在一個函式中呼叫，那就再另開一篇文章使用gotoxy()定位函式通過呼叫輸出，順便再複習以前的知識點ヾ(ｏ･ω･)ﾉ ***************

[Python3]顯示當前時間、計算時間差以及時間加減法

摘要在使用Python寫程式時，經常需要輸出系統的當前時間以及計算兩個時間之間的差值，或者將當前時間加減一定時間（天數、小時、分鐘、秒）來得到新的時間，這篇文章就係統的對這些進行總結。包這裡主要使用Python的datetime包實現上述功能。輸出當

java開發一個一GMT(格林威治標準時間)來顯示當前時間的程式

package com.work4; /** * * @author Echo * */ public class Test { public static void main(St

顯示當前時間（按照秒算）

package emg.branchs.test import java.time.{LocalDateTime, ZoneOffset} /** * @Auther: sss * @Date: 2019/1/4 13:49 * @Description: */ object T

【C語言】編寫一個程式顯示當前時間。

#include<sys/time.h> #include<time.h> #include<stdio.h> int main() {struct tm *ptm;time_t ts;char tim[50];ts = time(NUL

ajax動態顯示當前時間

<html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=

在jsp頁面/input顯示當前時間(初始換時間格式)

在頁面的某個地方顯示當前時間(實時重新整理) 1.在jsp頁面顯示當前時間 <div class="container" style="text-align: center;">

動態的顯示當前時間

<body> <span style="text-align: right; padding: 0px;" id="nowTime">2016年4月26日星期二下午3:39:23</span> </body&g

Android實現TextView走馬燈效果同時自動更新顯示當前時間

在專案開發中，有時候我們需要顯示一個走馬燈效果，簡單的走馬燈效果當然容易實現；在xml檔案中給TextView設定以下屬性即可; android:focusable=true; android:focuseableInTouchMode=true android:sin

案例：利用JS動態的顯示當前時間

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh

C例項---顯示當前時間

程式碼： #include <stdio.h> #include <time.h> #include <stdlib.h> int main() { time_t Time; struct tm *t;

cookie應用之顯示當前時間，上次時間

package com.neuedu.servlet; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http

js顯示當前時間及其時鐘顯示

1.彈窗顯示，當前時間和日期： main.js var box=new Date(); alert("當前日期"+box.getFullYear()+"/"+box.getMonth()+"/"+box.g

顯示當前時間——javascript

相關推薦