商城商品倒計時原生插件

阿新 • • 發佈：2017-12-23

floor class doctype back con ++ query itl pro

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery.min.js"></script>
    </head>

    <body>
        <div id="p1"></div>
        <div id=" 
p2"></div>
        <script>
            var i = 0;
            function DownTime(StartTime, EndTime, CurrentTime, callback) {

                //計算器
                this.couputer = function(StatTime, EndTime, type) {
                    var EndTime = new Date(EndTime);
                     
var NowTime = new Date(StatTime);
                    NowTime = new Date(NowTime.getTime() + 1000 * i);
                    var t = EndTime.getTime() - NowTime.getTime();
                    var d = 0;
                    var h = 0;
                    var m = 0;
                    var s = 0;
                     
if(t >= 0) {
                        d = Math.floor(t / 1000 / 60 / 60 / 24);
                        h = Math.floor(t / 1000 / 60 / 60 % 24);
                        m = Math.floor(t / 1000 / 60 % 60);
                        s = Math.floor(t / 1000 % 60);
                    }
                    var Time = {

                        d: d,
                        h: h,
                        m: m,
                        s: s

                    }
                    if(type == 0) {

                        Time.title = ‘out‘;
                        //                        clearTimeout(Timer)

                    } else if(type == 1) {

                        Time.title = ‘wait‘;

                    } else if(type == 2) {

                        Time.title = ‘end‘;
                    }
                    var time = d + "天" + h + "時" + m + "分" + s + "秒" + Time.title;

                    callback(Time);
                };
                var self = this;
                this.init = function(StartTime, EndTime, CurrentTime) {

                    if(self.judge1(StartTime, CurrentTime)) {

                        //距離搶購時間倒計時
                        self.couputer(CurrentTime, StartTime, 1);

                    } else {

                        if(self.judge2(CurrentTime, EndTime)) {

                            //距離搶購時間倒計時
                            self.couputer(CurrentTime, EndTime, 2);
                        } else {
                            //結束搶購
                            self.couputer(CurrentTime, EndTime, 0);
                        }

                    }
                }
                this.init(StartTime, EndTime, CurrentTime);

            }
            //活動結束
            DownTime.prototype.judge1 = function(StartTime, CurrentTime) {

                StartTime = new Date(StartTime.replace(/\-/g, "\/"));
                CurrentTime = new Date(CurrentTime.replace(/\-/g, "\/"));
                CurrentTime = new Date(CurrentTime.getTime() + 1000 * i);
                if(StartTime > CurrentTime) {

                    return true;
                }

                return false;
            }

            //開始搶購
            DownTime.prototype.judge2 = function(CurrentTime, EndTime) {

                CurrentTime = new Date(CurrentTime.replace(/\-/g, "\/"));
                EndTime = new Date(EndTime.replace(/\-/g, "\/"));
                CurrentTime = new Date(CurrentTime.getTime() + 1000 * i);
                if(EndTime > CurrentTime) {

                    return true;
                }
                return false;
            }

            function GetBuying() {
                  
                new DownTime("2017/12/22 15:00:08", "2017/12/22 17:00:10", "2017/12/22 16:59:58", function(ret) {
                      console.log(ret)
                });
                new DownTime("2017/12/22 17:00:08", "2017/12/22 22:00:10", "2017/12/22 16:59:58", function() {

                });
                i++;
            }
            var Timer = setInterval(GetBuying, 1000)
        </script>
    </body>

</html>
拿走不謝

商城商品倒計時原生插件

floor class doctype back con ++ query itl pro <!DOCTYPE html> <html> <head> <meta charset=

js原生插件格式解析

utf imp color 構造函數 onclick span charset 原生 kit 一個合格的插件必須滿足以下要求: 1.擁有獨立作用域與用戶作用域隔離，插件內的私有變量不可影響用戶定義的變量 2.擁有默認參數 3.提供配置方法讓用戶可改變參數 4.提供監聽接口，

淘淘商城01-分頁插件的使用

xml配置插件獲取 tis emma class spring容器 items mapper 一、分頁插件PageHelper。　　1、配置mybatis的SqlMapConfig.xml配置文件 <?xml version="1.0" encoding="U

JS 倒計時插件

asc har msg src tint -c doctype inner tms <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title><

如何讓你的插件兼容CommonJS, AMD, CMD 和原生 JS

commonj ram def cmd typeof com port pre this 我們除了提供 AMD 模塊接口，CMD 模塊接口，還得提供原生的 JS 接口。由於 CMD 和 AMD 都可以使用 return 來定義對外接口，故可以合並成一句代碼。一個直接可以用

HTML5商城開發三 jquery 星星評分插件

gap etl qup fin pojo tsx csb mua charset 展示：實現方法： 1.html引用star-grade.js <script type="text/javascript" src="Scripts/star-gr

原生JS實現圖片放大鏡插件

spa ont 範圍 display 離開寬度部分 gin es2017 前言　　我們大家經常逛各種電商類的網站，商品的細節就需要用到放大鏡，這個大家一定不陌生，今天我們就做一個圖片放大鏡的插件，來看看圖片是如何被放大的……

【插件分享】短信驗證碼怎麽對接PHPSHE商城系統

短信驗證碼短信平臺進入 follow 手機修改管理後臺手機號安裝步驟在互億無線短信平臺找到一個插件，在這邊分享一下，有需要可以了解，比自己開發要容易很多哦。http://www.ihuyi.com/ 插件說明本插件系互億無線針對phpsheV1.6短信插件開

微信小程式商城拼團商品、搶購商品倒計時

//單個倒計時，適用用於單個商品的倒計時 function countdown(that) { var EndTime = that.data.end_time || [];//倒計時的結束時間

jquery 插件 countdown.js 倒計時插件

pat () this selector new 應用市場 hub pla unit https://github.com/HugoGiraudel/Countdown.js 代碼來源微擎應用市場 html代碼： <div class="count-down

tools-eclipse-001-如何安裝插件

manage 補充 jar 安裝eclipse 三種菜單多行 add 名稱插件的安裝方法大體有以下三種：第一種：直接復制法：　　假設你的Eclipse的在（C:\eclipse), 解壓你下載的 eclipse 插件或者安裝eclipse 插件到指定目錄AA(c

第二百四十六節，Bootstrap彈出框和警告框插件

popover 事件 png div 數字 ott hid strong selector Bootstrap彈出框和警告框插件學習要點：　　1.彈出框　　2.警告框本節課我們主要學習一下 Bootstrap 中的彈出框和警告框插件。一．彈出框彈

js滾動加載小插件

pre span jquery 返回名稱 fault container 接收 url 本文實例講述了jquery滾動加載數據的方法。分享給大家供大家參考。具體分析如下：少廢話直接上代碼！！！粗暴，直接，幹脆 0//lk-2017-05-04 1(function

10個免費開源的JS音樂播放器插件

一個很好 tle ef7 制作 obi tex ios開發者選擇音樂播放器在網頁設計中有時候會用到，比如一些時尚類、音樂或影視類等項目，但這些網頁播放器插件比較少見，所以這裏為大家整理一個集合，也許會有用到的時候。下面整理的播放器有些是支持自適應的，如果需要

js自己定義插件-選項卡

.net char 例如 die 對象 tails gree eth end 該功能比較簡單。鞏固一下jquery插件寫法，註意引入的jquery.js 、自己定義插件路徑代碼例如以下：頁面： <!doctype html> <html>

自己封裝的一些簡單的jQuery插件

目標 browser 文本 nis targe arr nim function etc 　　俗話說的好：溫故而知新，可以為師矣！　　學習是一個人一輩子的事情。於是乎趁著今天休息，回顧了一些知識點，可能做的不夠完美，請多多指教。 /** * Created by Admi

Eclipse安裝svn插件的幾種方式轉帖....

如果 version name feature help sin 鏈接 exe 文件 Eclipse安裝svn插件的幾種方式 1.在線安裝： (1).點擊 Help --> Install New Software... (2).在彈出的窗口中點擊add按鈕，輸

Linux下Elasticsearch5.0 head插件安裝

我們 kill 進程 gruntfile etc lin elastic 配置環境變量 -h 下載安裝包　　下載elasticsearch-head 　　下載地址：https://github.com/mobz/elasticsearch-head (或者百度搜

debian下為firefox安裝flash插件

gin -s -name 插件安裝 linux. 在哪裏 name fire 找到從Adobe官網下載flash：http://get.adobe.com/cn/flashplayer/ 我下載的版本是：flash_player_npapi_linux.x86_64.t

谷歌被墻，怎樣給谷歌瀏覽器加入迅雷下載插件

模式 ott 下載 chrome 程序 lan 宋體能夠 font 首先須要下載這個迅雷下載插件。下載地址是：http://pan.baidu.com/s/1G0F2e 本來在谷歌的擴展程序裏面能夠搜索到這個插件的，但被墻了之後（）。訪問不了。也就下載不到了，辛虧在網

商城商品倒計時原生插件

相關推薦