javascript 實現倒計時（天數、時、分、秒）

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

目標：javascript 實現倒計時

步驟：
1.獲取目前時間並轉換為毫秒數；
2.獲取目標時間並轉換為毫秒數；
3.獲取目前時間與目標時間相差的毫秒數並轉換為倒計時顯示的天數、時、分、秒；

<!DOCTYPE html>
<html lang="zh-cmn-hans">
<head>
  <meta charset="UTF-8">
  <title>倒計時</title>

  <style>
    body, p {
      margin: 0;
      padding: 0;
    } 

    #time-box {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 800px;
      height: 100px;
      background-color: #e40900;
      color: #fff;
      font-family: 微軟雅黑;
      font-size: 30px;
      line-height: 100px;
      text-align: center;
      margin: auto 
;
    }
  </style>

</head>
<body>

  <p id="time-box"></p>

  <script>
    function countDown(y,m,d,h,min,s){
      var time_box = document.getElementById("time-box");    //獲取相應DOM節點
      var time_now = new Date().getTime();    //獲取1970至今的毫秒數
      var time_target_str = y + "/" 
 + m + "/" + d + " " + h + ":" + min + ":" + s;    //將目標時間引數轉換為字串
      var time_target = Date.parse(time_target_str);    //獲取1970至目標時間的毫秒數
      var time_cut = time_target - time_now;    //獲取目標時間與目前時間相差的毫秒數
      if (time_cut >= 0){
        time_box.innerHTML = "距離2018年春節還有：" + Math.floor(time_cut/1000/60/60/24) + "天" + Math.floor(time_cut/1000/60/60%24) + "小時" + Math.floor(time_cut/1000/60%60) + "分" + Math.floor(time_cut/1000%60) + "秒";    //獲取倒計時時間
      }else{
        time_box.innerHTML = "時光如白駒過隙，轉瞬即逝！";
      }
    }
    window.onload = setInterval("countDown(2018,2,16,0,0,0)",1000);    //載入完成後，每隔1s呼叫一次倒計時函式
  </script>

</body>
</html>

實現效果：
這裡寫圖片描述

javascript 實現倒計時（天數、時、分、秒）

目標：javascript 實現倒計時步驟： 1.獲取目前時間並轉換為毫秒數； 2.獲取目標時間並轉換為毫秒數； 3.獲取目前時間與目標時間相差的毫秒數並轉換為倒計時顯示的天數、時、分、秒；

js根據當前時間和結束時間做倒計時（還有XXX天XXX時XXX分XXX秒）

js根據當前時間和結束時間做倒計時（還有XXX天XXX時XXX分XXX秒），當天，不需要XXX天數，剩餘0小時，不需要顯示XXX時，剩餘0分鐘，不需要顯示XXX分 1. js方法 2. HTML程式碼 1. js方法 /*

時間（秒）轉時間字串（x天x時x分x秒）

前言通常為了直觀表現時間會把時間數字轉成時間字串 eg：輸入時間（秒）：123456 輸出時間字串：1天10小時17分鐘36秒直接上程式碼 public class NumToDateString { public static void main

Java 實現倒計時（由秒計算天、小時、分鐘、秒）

有時候會要求實現這樣一個需求：天、小時、分鐘、秒的數值都是隔開的，伺服器端只返回一個時間戳長度。以下就是我的實現方案，力求減少物件生成、減小計算量： import java.util.Timer; import java.util.TimerTask; publi

訊號與系統學習之第一章（系統的六大基本性質定義與判別:無記憶性、可逆性、因果性、穩定性、時不變性、線性）

本人現在大三，由於準備明天研究生考試，故重新學習複習《訊號與系統》，再接下來會將自己的一些學習經歷、知識總結與大家分享。對於有所紕漏的地方希望大家能幫助指出以一同進步。對於第一章，顯然其重中之重便是系統的六大基本性質，那麼接下來我會以官方解釋及自身的理解加上例題、易錯題、及後面

使用SpringAOP實現事務（聲明式事務管理、零配置）

特定管理器表示可能事務常量 ger 事務傳播不可前言：聲明式事務管理建立在AOP之上的。其本質是對方法前後進行攔截，然後在目標方法開始之前創建或者加入一個事務，在執行完目標方法之後根據執行情況提交或者回滾事務。聲明式事務最大的優點就是不需要通過編程的方式

（十）JavaScript 視窗屬性（滾動條的滾動距離、可視區視窗尺寸、元素的幾何尺寸）

滾動條的滾動距離 window.pageXOffset 屬性返回頁面的水平滾動距離， window.pageYOffset 屬性返回頁面的垂直滾動距離，單位都為畫素。這兩個屬性只讀。（相容性：IE8及IE8以下不相容）別名： window.scrollX 、

Android 搶購類倒計時實現（包括天數，小時，分鐘，秒）

Android 搶購類倒計時實現，本文注重實現功能，程式碼裡有註釋，實現起來比較簡單，所有不做過多解釋。先上圖：實現倒計時可採用Message + Handler 來實現，具體實現如下： MainActivity的程式碼如下： package com.example

JavaScript實現網頁列印，可設定頁首、頁尾、頁邊距

WebBrowser是IE內建的瀏覽器控制元件，無需使用者下載,即可實現客戶端頁面列印。關於這個元件還有其他的用法，列舉如下： WebBrowser.ExecWB(1,1) 開啟 Web.ExecWB(2,1) 關閉現在所有的IE視窗，並開啟一個新視窗 Web.Exe

【專案實戰】——Java根據獎品權重計算中獎概率實現抽獎（適用於砸金蛋、大轉盤等抽獎活動）

　　雙蛋節（聖誕+元旦）剛剛過去，前幾天專案上線的砸金蛋活動也圓滿結束。　　　　現在在許多網站上都會有抽獎的活動，抽獎的演算法也是多種多樣，這裡介紹一下如何根據每種獎品的權重來抽獎，適用於

[MySQL] 行列轉換變化各種方法實現總結（行變列報表統計、列變行資料記錄統計等）

前言：mysql行列變化，最難的就是將多個列變成多行，使用的比較多的是統計學中行變列，列變行，沒有找到現成的函式或者語句，所以自己寫了儲存過程，使用動態sql來實現，應用業務場景，使用者每個月都有使用記錄數錄入一張表，一個月一個欄位，所以表的欄位是動態增長的，現在需要實時統計

[MySQL] 行列轉換變化各種方法實現總結（行變列報表統計、列變行資料記錄統計等

前言： mysql行列變化，最難的就是將多個列變成多行，使用的比較多的是統計學中行變列，列變行，沒有找到現成的函式或者語句，所以自己寫了儲存過程，使用動態sql來實現，應用業務場景，使用者每個月都有使用記錄數錄入一張表，一個月一個欄位，所以表的欄位是動態增長的，

JavaScript實現AOP（面向切面編程）

body 原本實現 bsp pro 出發點 log doc 帶來什麽是AOP？　　AOP(面向切面編程)的主要作用是把一些跟核心業務邏輯模塊無關的功能抽離出來，這些跟業務邏輯無關的功能通常包括日誌統計、安全控制、異常處理等。把這些功能抽離出來之後，再通過“動態織入”

c# 數字轉成千分位字串 C# 數字帶逗號（千分位符、金錢千分位字元）

C# 數字帶逗號（千分位符、金錢千分位字元）首先要明確帶了逗號之後數字就變成字串了，不再是數字了。昨天做專案的時候需要格式化數字變成帶逗號的，本來打算自己寫個方法的，後來時間太緊了，就打算從網上查個，查來查去都是要對字串的位進行操作，選

C#委託和事件（WPF實現關閉子視窗B時觸發A視窗事件）

遇到一個問題，子視窗關閉時，主視窗如何知道子視窗關閉了，並執行相應的處理事件。為了解決這個問題查閱資料後可以用委託和事件來完成。一、委託 1、委託：委託是安全封裝方法的型別，類似於 C 和

用javascript實現3d（水平或者垂直方向）展示物品

實現這樣的效果，其原理和拍電影一樣，就是一幀一幀連續起來，只不過電影是自己一直在放映，而我們的“電影”（展示的物體）是要使用者自己通過滑鼠的拖動來實現“放映”。

Android--利用Handler訊息轉發機制實現倒計時（內含防止記憶體洩露處理）

真正學會Handler必須要了解的相關概念相關概念圖示： Message:儲存資訊的物件，被Handler線上程間轉發，實現執行緒間的通訊。 MessageQueue:以有序的方式排列的，等待處理的事件（Runnable或者Message）。

資料結構之JavaScript實現佇列（queue）

和棧一樣，佇列其實也是一種列表，不同的是佇列只能在隊尾插入元素，在隊首刪除元素，也就是說，佇列是先進先出的資料結構；而棧是先進後出的資料結構。佇列的主要操作就是入隊和出隊操作，也就是隊尾插入元素和隊首刪除元素。佇列還有一個比較重要的操作就是讀取隊首

資料結構之JavaScript實現棧（Stack）

什麼是棧？棧是一種特殊的列表，棧內的元素只能在列表的一段訪問，這一端被稱為棧頂。棧是一種後入先出的資料結構。下面就是JavaScript實現棧： <!DOCTYPE html> <html lang="en"> <head> <meta

原生JavaScript實現Ajax（二）：同步，非同步，GET，POST

上文使用同步方式實現了ajax，本文使用非同步的方式，因為非同步才是我們的目的，也是真正常用的手段，使用非同步需要觸發readystatechange事件，然後檢測readyState這個屬性就行。不同的瀏覽器，這裡略有不同，但大致分為下面5種狀態值：

javascript 實現倒計時（天數、時、分、秒）

相關推薦