1. 程式人生 > >js 根據輸入具體時間倒計時

js 根據輸入具體時間倒計時

原始碼直接複製黏貼可用。

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>開啟除錯工具,看效果!</title>
    </head>
    <body>

    <script type="text/javascript">
        /*
            開啟除錯工具,看效果!
            思路:
            1.設定一個倒計時的時間長度;
            2.設定開始時間和當前時間;
            3.結束時間是 開始時間+倒計時間;
            4.結束毫秒-開始毫秒=剩餘倒計時間。
         */
        
        // 準備
        var countdownMinute = 10;//10分鐘倒計時
        var startTimes = new Date('2016-11-16 15:55');//開始時間 new Date('2016-11-16 15:21');
        var endTimes = new Date(startTimes.setMinutes(startTimes.getMinutes()+countdownMinute));//結束時間
        var curTimes = new Date();//當前時間
        var surplusTimes = endTimes.getTime()/1000 - curTimes.getTime()/1000;//結束毫秒-開始毫秒=剩餘倒計時間
        
        // 進入倒計時
        countdowns =  window.setInterval(function(){
            surplusTimes--;
            var minu = Math.floor(surplusTimes/60);
            var secd = Math.round(surplusTimes%60);
            console.log(minu+':'+secd);
            if(surplusTimes<=0){
                console.log('時間到!');
                clearInterval(countdowns);
            }
        },1000);


    </script>
    </body>
</html>

相關推薦

js 根據輸入具體時間倒計時

原始碼直接複製黏貼可用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset

java 根據輸入時間列印本月的日曆

package com.sxt; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date;

js判斷輸入日期時間是否在當前日期時間之前

//驗證輸入日期是否超過當前日期(日期時間) function checkTime() { var check = 0; var nowDate = new Date(); v

js根據輸入內容自動填充下拉框

這是AJAX的典型應用之一,即根據使用者在輸入框內輸入的內容來搜尋資料庫,然後把內容顯示出來,當然不一定非要顯示在下拉框中,也可以放在其它的地方,我們這裡只是把搜尋到的內容填充到下拉框中,以便使用者精確定位。效果圖如下: 一.JS需呼叫伺服器端方法及時響應客戶端使用者輸

js根據當前時間和結束時間倒計時(還有XXX天XXX時XXX分XXX秒)

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

原生JS寫了一個小demo,根據輸入的數字生成不同背景顏色的小方塊兒~

top == UNC 定位元素 demo TE tostring eight 地方 昨天練習寫了這個小demo,個人覺得通過設置定位元素left和top的值,來實現換行的功能,這種方法很巧妙~ 另外,如下代碼中的隨機顏色的獲取,還請各位前輩多多指教:需要改進的地方;或者有

JS-switch-case-根據輸入的數字進入對應的文字

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>

JS根據傳入時間,與當前時間相比得出幾天前,幾小時前,幾分鐘或者是剛剛

JS根據傳入時間,與當前時間相比得出幾天前,幾小時前,幾分鐘或者是剛剛 //時間函式date為時間戳 function formatDate(date) { var newTime = Date.parse(new Date());//獲得當前時間,轉化時間戳 var

資料庫五分鐘一條的資料,現根據輸入不同的時間進行不同間隔的查詢

第二:Sqlserver獲取行號: select row_number() over(order by Time) as row_number,* from Record where Dev

js根據時間戳獲取格式化日期

//格式化時間戳(毫秒) function getFormatDate(timestamp) { var newDate = new Date(timestamp); Date.prototype.fo

根據當前時間與之前時間差 分別顯示月日 和 具體時間

此效果是 如果是今天以前的時間 介面只顯示月日,如果是今天的時間 顯示具體的時間 不顯示年月 顯示效果 具體實現功能 String dayTime=mSeemelist.get(position)

js 時間倒計時

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

js根據時間戳換算過去間隔

function formatMsgTime (dateTimeStamp) { var minute = 60; var hour = minute * 60; var day =

web前端複習(二):js日期操作,實現時間顯示和倒計時效果

雖然jquery框架的封裝使得幾行程式碼就可以完成js的複雜功能的實現,但是jquery併為日期定製操作,所以日期的操作還是得使用js原生實現 下面我們就來簡單實現js日期操作,程式碼如下: &

js 計算出 兩個時間戳之間的間隔時間,再將間隔時間倒計時

   現在有這樣一個需求,前端 播下一個種子,後臺給你返回兩個時間戳,第一個是 你播種時的時間戳,第二個是 種子發芽成熟之後的時間戳。然後讓你計算 種子成熟的倒計時。 JavaScript 獲取當前時間戳: 第一種方法: var timestamp = Date.pars

js根據日期等生成時間

遇到了根據年月日 時分秒來生成時間戳,基本保證了每次生成的圖片名字都不一樣 1.這種方法後面時間戳的格式是。比如2016年8月19日,11時10分3秒,生成的就是:20160819111003,程式碼如下: <!DOCTYPE html> <html la

js根據當前時間的前一個月和後一個月設定預設時間

根據當前的時間,給開始時間和預設時間設定一個預設值 我用的是getTime()方法,這個方法返回的是 1970 年 1 月 1 日開始計算到 Date 物件中的時間之間的毫秒數 var today =

js處理根據輸入的身份證號自動匹配出生年月

<span style="font-family: Arial, Helvetica, sans-serif;"><script language="javascript" type

js根據開始時間和結束時間獲取該時間段內的每天、每週一、每月、每年

$(document).ready(function () { $(".getDay").click(function () { alert(getDayAll("2017-08-28","2017-09-08")); })

node.js 根據時間戳生成惟一識別符號、隨機生成唯一識別符號

根據時間戳生成惟一識別符號、隨機生成唯一識別符號 npm install node-uuid //根據時間戳生成惟一識別符號 console.log(uuid.v1()) //隨機生成唯一識別符號 console.log(uuid.v4())