Date物件怎麼做倒數功能-js教程-PHP中文網

首頁

web前端

js教程

Date物件怎麼做倒數功能

php中世界最好的语言

Apr 16, 2018 pm 01:42 PM

date 倒數計時

這次帶給大家Date物件怎麼做出倒數功能，Date物件做出倒數功能的注意事項有哪些，下面就是實戰案例，一起來看一下。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>倒计时动画</title>
  <style>
    p{
      text-align:center;
      height:100px;
      line-height:100px;
    }
  </style>
  <script>
    window.onload = function(){
      setInterval(FreeTime,1000);
    }
    function FreeTime(){
      var curTime = Date.now();
      var endTime = new Date("2017-10-26 16:00:00");
      var allFreeSeconds = (endTime-curTime)/1000;
      if(allFreeSeconds>0){
        var freeDay = Math.floor(allFreeSeconds/(24*60*60));
        var freeHour = Math.floor(allFreeSeconds/(60*60) % 24);
        var freeMinute = Math.floor(allFreeSeconds/60 % 60);
        var freeSecond = Math.floor(allFreeSeconds%60);
        document.getElementById("nowTime").innerHTML = "剩余"+freeDay+"天"+freeHour+"时"+freeMinute+"分"+freeSecond+"秒";
      }
      else{
        document.getElementById("nowTime").innerHTML = "已结束";
      }
    }
  </script>
</head>
<body>
<p>
  <span id="nowTime"></span>
</p>
</body>
</html>

登入後複製

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7545

CakePHP 教程

1381

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

如何透過C++編寫一個簡單的倒數計時程式？ Nov 03, 2023 pm 01:39 PM

C++是一種廣泛使用的程式語言，在編寫倒數計時器方面非常方便且實用。倒數計時程式是一種常見的應用，它能為我們提供非常精確的時間計算和倒數功能。本文將介紹如何使用C++來寫一個簡單的倒數計時程式。實現倒數程序的關鍵就是使用計時器來計算時間的流逝。在C++中，我們可以使用time.h頭檔中的函數來實作計時器的功能。下面是一個簡單的倒數計時程式的程式碼

如何使用Vue實現按鈕倒數特效 Sep 21, 2023 pm 02:03 PM

如何使用Vue實作按鈕倒數特效隨著Web應用程式的日益普及，我們經常需要在使用者與頁面互動時使用一些動態效果來提升使用者體驗。其中，按鈕的倒數特效是非常常見且實用的效果。本文將介紹如何使用Vue框架來實現按鈕倒數特效，並給出具體的程式碼範例。首先，我們需要建立一個Vue元件，包含一個按鈕和倒數計時的功能。在Vue中，元件是一種可重複使用的Vue實例，視圖會

如何根據當前時間戳記建立文件/資料夾並為其命名 Apr 27, 2023 pm 11:07 PM

如果您正在尋找根據系統時間戳記自動建立文件和資料夾並為其命名的方法，那麼您來對地方了。有一個超級簡單的方法可以用來完成這項任務。然後，建立的資料夾或檔案可用於各種目的，例如儲存檔案備份、根據日期對檔案進行排序等。在本文中，我們將透過一些非常簡單的步驟來解釋如何在Windows11/10中自動建立檔案和資料夾，並根據系統的時間戳記對其進行命名。使用的方法是批次腳本，非常簡單。希望你喜歡閱讀這篇文章。第1節：如何根據系統目前時間戳記自動建立資料夾並命名第1步：首先，導覽至要在其中建立資料夾的父資料夾，

PHP Warning: date() expects parameter 2 to be long, string given的解決方法 Jun 22, 2023 pm 08:03 PM

使用PHP程式開發時，經常會碰到一些警告或錯誤的提示訊息。其中，可能出現的一個錯誤提示是：PHPWarning:date()expectsparameter2tobelong,stringgiven。這個錯誤的提示訊息意思是：函數date()的第二個參數期望是長整型（long），但是實際傳遞給它的是字串（string）。那麼，我們

win10開機10秒倒數計時怎麼取消? Win10取消開機倒數計時的三種方法 Feb 29, 2024 pm 07:25 PM

在win10中，開機倒數預設是啟用的。當我們在開機之後，會看到一個倒數計時的介面，通常是10秒的倒數。在這個時間之內，我們可以選擇是否繼續開機或進行一些它的操作。雖然開機倒數為我們的系統帶來了些許便利，但在某些情況下也可能帶來麻煩。想取消顯示，但不知道怎麼操作，這篇文章是本站帶給大家的Win10開機幾秒倒數取消方法。了解win10開機倒數在win10中，開機倒數預設是啟用的。當我們在開機之後，會看到一個倒數計時的介面，通常是10秒的倒數。在這個時間之內，我們可以選擇是否要繼續開機或進行

Java中使用Date和SimpleDateFormat類別來處理時間的方法及用法介紹 Apr 21, 2023 pm 03:01 PM

一.介紹java.util套件中的Date類別表示特定的時間，精確到毫秒。如果要想使用我們的Date類，那麼我們必須得引入我們的Date類。 Date類別直接寫入年份是無法得到正確的結果的。因為java中Date是從1900年開始算的，所以前面的第一個參數只要填入從1900年後過了多少年就是你想要得到的年份。月需要減1，日可以直接插入。這種方法用的比較少，常用的是第二種方法。這種方法是將一個符合特定格式，例如yyyy-MM-dd,的字串轉換成為Date類型的資料。首先，定義一個Date類型的物件Date

如何使用Date類別的getTime()方法取得日期的毫秒錶示形式 Jul 24, 2023 am 11:42 AM

如何使用Date類別的getTime()方法取得日期的毫秒錶示形式在Java中，Date類別是用來表示日期和時間的類別。它提供了許多有用的方法來操作和獲取日期物件的資訊。其中，getTime()方法是Date類別中的重要方法，它可以傳回日期物件的毫秒錶示形式。接下來，我們將詳細介紹如何使用此方法來取得日期的毫秒錶示形式，並提供對應的程式碼範例。使用Date類別的g

如何使用CSS製作倒數計時效果的實現步驟 Oct 26, 2023 am 10:36 AM

如何使用CSS製作倒數計時效果的實現步驟倒數效果是網頁開發中常見的一個功能，可以為用戶呈現倒數計時的動態效果，給人以緊迫感和期待感。本文將介紹如何使用CSS來實現倒數計時效果，並提供詳細的實作步驟和程式碼範例。實作步驟如下：步驟一：HTML結構建構首先，在HTML中建立div容器，用於包裹倒數計時的內容。例如：<divclass="countd

See all articles

Date物件怎麼做倒數功能

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題