2. 程式人生 > 其它 >網頁實時顯示當前時間 html+js

網頁實時顯示當前時間 html+js

阿新 • • 發佈：2020-12-08

技術標籤：前端htmljs

效果：

在網頁上能實時顯示當前的時間：
1
這個秒會一直走的。

實現程式碼

1.在body標籤裡新增如下程式碼：

<body onload="time()">
</body>

2.定義一個盒子標籤來顯示時間，也可以用其它標籤，id設為“showtime”，如：

<h2 id="showtime"></h2>

3.js程式碼實現功能：

<script>
/* 時間 */
function time() {
  t_div = document.getElementById
 
('showtime');
  var now = new Date()
  t_div.innerHTML = now.getFullYear() + "/" + (now.getMonth() + 1) + "/" + now.getDate() + "/" + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds() + "";
  setTimeout(time, 1000);
}
</script>

js程式碼可以讓在body標籤的結尾

總結

這樣便可顯示時間了，嘿嘿嘿~~

相關推薦

網頁實時顯示當前時間 html+js

技術標籤：前端htmljs 效果： 在網頁上能實時顯示當前的時間：這個秒會一直走的。

前端中實時顯示當前時間的js程式碼

技術標籤：走過的坑前端 純小白,不對的地方請指正 程式碼: <script> var t = null;

C# WinForm狀態列實時顯示當前時間(窗體狀態列StatusStrip示例)

本文主要介紹了C# WinForm狀態列實時顯示當前時間(窗體狀態列StatusStrip示例)，分享給大家，具體如下：

網頁實時顯示已經運行了多少天 html+js

技術標籤：前端jshtml 問題： 能夠在網頁上實時顯示此網頁執行或存在了多少天。

學習了利用JS在html裡面顯示當前時間

<!DOCTYPE html><html> <head><meta charset=\"utf-8\"><title>Html+js獲取當前時間</title><style type=\"text/css\">#Main{margin-top: 40px;margin-left: 50px;height

JSP實時顯示當前系統時間的四種方式示例解析

JSP顯示當前系統時間的四種方式： 第一種java內建時間類例項化物件： <%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"UTF-8\"%>

uniapp實時動態顯示當前時間（時分秒）

進入頁面 實時動態顯示當前時間（時分秒） <text class=\"punch-time\">{{ clock | FormatTime }}</text>

java實現液晶數字字型顯示當前時間

本文例項為大家分享了java實現液晶數字字型顯示當前時間的具體程式碼，供大家參考，具體內容如下

Python3顯示當前時間、計算時間差及時間加減法示例程式碼

摘要 在使用Python寫程式時，經常需要輸出系統的當前時間以及計算兩個時間之間的差值，或者將當前時間加減一定時間（天數、小時、分鐘、秒）來得到新的時間，這篇文章就係統的對這些進行總結。碼字不易，喜歡請點贊

Qt 實時顯示系統時間

前言 我們用一個label控制元件來實時顯示系統時間，用到 QTimer 和 QDateTime 這個兩個類。

JavaScript實現點選按鈕顯示當前時間

技術標籤：JavaScript小作業 顯示當前時間，點選按鈕，顯示當前系統時間 程式碼如下

QT實時顯示系統時間

技術標籤：Qtqtc++ QT實時顯示系統時間 .h檔案 #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow>

輸入框實現實時顯示當前輸入字元數、隱藏滾動條、單獨設定提示文字樣式

技術標籤：CSScss 一. 效果圖 未輸入文字前： 輸入文字後： 注意點： 調整樣式的的時候，給textarea設定padding作用不大，因為它只會在手動滾動上下文的時候顯示對應的padding效果，在輸入文字的時候，輸入的

顯示當前時間的程式碼

技術標籤：web 第一種格式： 程式碼如下： <div id="jnkc"> </div> <script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+\' 星期\'+\'日一二三四五六\'.char

C#丨Timer控制元件的使用、在狀態列顯示當前時間

技術標籤：C#c#winform Timer控制元件 拖入Timer控制元件將Enabled屬性設定為True 在Interval屬性調整事件的頻率（以毫秒為單位）編輯Tick事件

javaweb使用ecplise工具，實現顯示當前時間與日期案例

技術標籤：JavaWebjsp 一、結果圖： 二、程式碼： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

java SWT中Label實時重新整理當前時間

同樣最近在開發swt的一個專案，業務中的一個功能模組類似百度網盤的上傳進度條

日期格式化 在網頁上顯示當前日期

var time = new Date(); var year = time.getFullYear();//年 var yue = time.getMonth() + 1;//月 yue = yue<10?\'0\'+yue:yue;

顯示當前時間

<divid=\"dv\"></div> <script> functiongetTime(){ //定義星期陣列 varweekArr=[\'日\',\'一\',\'二\',\'三\',\'四\',\'五\',\'六\']

JS 實時獲取並顯示當前日期和時間

1 function ShowTime() { 2let t = window.setInterval(function GetTime() { 3var time1 = new Date(); 4var year = time1.getFullYear();