1. 程式人生 > >利用Javascript實現當前系統時間顯示

利用Javascript實現當前系統時間顯示

相信大家都在不少的網頁上看到過時間顯示的效果,那麼如何用JS來實現呢
通常的辦法是利用JS建立一個Date物件,通過物件來呼叫Date類的方法
程式碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>當前系統時間</title>
<script type="text/javascript">
  window.onload = function(){ //頁面載入完成時實現
    showTime();
  }
  function checkTime(i){  //補位處理
     if(i<10){
         i="0"+i;
     } 
     return i;
  }
  function showTime(){ //時間顯示函式
    var now=new Date(); //建立一個Date物件
    var year= now.getFullYear() ; //年
    var month=now.getMonth()+1 ; //月份(從0開始),所以+1
    var date= now.getDate()  ; //日(1-31)
    var day=now.getDay();  //星期(0-6)
    var h= now.getHours()  ; //小時(0-23)
    var m= now.getMinutes()  ;  //分鐘(0-59)
    var s=  now.getSeconds()  ;  //秒
    m=checkTime(m) 
    s=checkTime(s)
    var weekday=new Array(7)  //星期數進一處理
    weekday[0]="星期日";
    weekday[1]="星期一";
    weekday[2]="星期二";
    weekday[3]="星期三";
    weekday[4]="星期四";
    weekday[5]="星期五";
    weekday[6]="星期六";
    document.getElementById("show").innerHTML=""+year+"年"+month+"月"+date+"日 "+ weekday[day] +h+":"+m+":"+s;
    t=setTimeout('showTime()',1000)  //設定定時器,每隔1s呼叫一次函式從而實現動態效果
  }
</script>
</head>
<body>
<div class="showTime">
  <div id="show">當前時間為:</div>
</div>
</body>
</html>

相關推薦

利用Javascript實現當前系統時間顯示

相信大家都在不少的網頁上看到過時間顯示的效果,那麼如何用JS來實現呢 通常的辦法是利用JS建立一個Date物件,通過物件來呼叫Date類的方法 程式碼如下: <!DOCTYPE HTML> <html> <head> <

利用 Javascript 實現上傳圖片並向伺服器獲取圖片路徑後顯示的 demo

       由於某些特殊原因,有時需要從服務端請求到圖片路徑,需要給該介面傳遞對應圖片的base64 dataURL,並且有時需要將其上傳圖片的型別統一為 jpeg 格式時,可採用以下方式。 HTM

JS(擷取字串,顯示當前系統時間yyyy-MM-dd,從文字框得到的數值計算)

擷取字串: var str = "1234567890"; var a = str.substring(0,8); //==str.substring(8)---結果:12345678 顯示當前期系統時間: var today = new Date(); va

C#--第11周實驗--任務1(建立Windows窗體應用程式)--設計一個窗體--單擊按鈕時,在標籤上顯示當前系統時間 .

/* (程式頭部註釋開始)    * 程式的版權和版本宣告部分    * Copyright (c) 2011, 煙臺大學計算機學院學生     * All rights reserved.    * 檔名稱:設計一個窗體   * 版 本 號: V1.0     * 對任務

WPF中添加個簡單的顯示當前系統時間的示例

東西很簡單,不過以前沒見過的話,如果讓人直接去實現,還得查查資料,用的東西很少 建一個WPF工程,當然silverlight也行,放置一個 TextBlock 在面板上 程式碼: <Grid x:Name="LayoutRoot"> &

JS動態顯示當前系統時間

所有時間為 GMT+8, 現在時間是 <!-- 動態顯示當前時間 --> <script language=JavaScript> today=new Date(); function initArray(){ this.length

C#--第11周實驗--任務1(建立Windows窗體應用程式)--設計一個窗體--單擊按鈕時,在標籤上顯示當前系統時間

Form.cs /* (程式頭部註釋開始) * 程式的版權和版本宣告部分 * Copyright (c) 2011, 煙臺大學計算機學院學生 * All rights reserved. * 檔名稱:設計一個窗體 * 作 者: 雷恆鑫

java中獲取當前系統時間以及過半小時之後的時間實現

我就不過多的使用文字描述了,大家直接看程式碼就行: package cn.zj.project; import java.text.SimpleDateFormat; import java.util

C/C++控制動態顯示當前系統時間

C/C++控制檯動態顯示系統時間,雖然時間是獲取了,並且也能動態的顯示了,但是還有一個問題,那就是這段程式碼的時間動態顯示是利用迴圈實現的,並且每隔一秒有一個清屏操作,所以沒法兒在控制檯程式裡使用,看

mysql 數據庫中根據當前系統時間,取前後幾秒、幾分鐘、幾小時、幾天

() ubd mysql second int 宋體 ffffff tex 時間 取時間: select current_timestamp; 輸出:2016-06-16 16:12:52 select now(); 輸出:2016-06-16 16:12:52 s

JAVA中獲取當前系統時間

arch tac 獲取 -m simple 得到 轉化 sel stack 一. 獲取當前系統時間和日期並格式化輸出: import java.util.Date;import java.text.SimpleDateFormat; public class NowStri

【Java】得到當前系統時間,精確到毫秒

logs out println -1 gettime system public pan time import java.text.SimpleDateFormat; import java.util.Date; import java.util.Calenda

JAVA獲取當前系統時間System.currentTimeMillis()

log time 格式 formatter simple 但是 計算 之間 自己 System.currentTimeMillis()產生一個當前的毫秒,這個毫秒其實就是自1970年1月1日0時起的毫秒數,Date()其實就是相當於Date(System.currentTi

利用JavaScript實現文本框改文字功能

round tle text1 itl func ntb utf-8 .get tex <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <

java---獲取當前系統時間--納秒

系統時間 star pretty 開始 min gpo post java pan long startTime = System.nanoTime(); //開始時間 //這裏寫操作 //消耗時間 long consumingTime = System.na

利用NTP實現集群時間同步

實現 就是 ntp 子網 ntp服務器 科研 時間 info 6.2 一、NTP介紹 NTP是網絡時間協議(Network Time Protocol),它是用來同步網絡中各個計算機的時間的協議。 在計算機的世界裏,時間非常地重要,例如對

c#獲取當前系統時間,並提取按格式提取年月日為字符串

sta ogr mon 系統 ram AR 當前系統時間 ren 獲取 class Program { static void Main(String[] args) { DateTime currentTi

實現簡單的時間顯示

添加 charat 顯示 tail 最簡 ref get var time 實現一個簡單的時間: <body> <div id="time" style="color=red"> </div> <script> v

獲取當前系統時間工具類TimeUtils

string public date() new edate 當前 com strong alt TimeUtils: package com.duocy.util; import java.time.LocalDateTime;import java.time.f

獲取當前系統時間的前一天,後一天

獲取當前系統前一天日期 public static Date getYesterday(Date date) {         Calendar calendar = Calendar.getInstance