倒計時搶購js代碼(js寫搶購腳本)

本文目錄一覽:

JS 倒計時實現代碼(時、分,秒)

JS實現倒計時(時、分,秒)

var

interval

=

1000;

function

ShowCountDown(year,month,day,divname)

{

var

now

=

new

Date();

var

endDate

=

new

Date(year,

month-1,

day);

var

leftTime=endDate.getTime()-now.getTime();

var

leftsecond

=

parseInt(leftTime/1000);

//var

day1=parseInt(leftsecond/(24*60*60*6));

var

day1=Math.floor(leftsecond/(60*60*24));

var

hour=Math.floor((leftsecond-day1*24*60*60)/3600);

var

minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);

var

second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);

var

cc

=

document.getElementById(divname);

cc.innerHTML

=

“腳本之家提示距離”+year+”年”+month+”月”+day+”日還有:”+day1+”天”+hour+”小時”+minute+”分”+second+”秒”;

}

window.setInterval(function(){ShowCountDown(2010,4,20,’divdown1′);},

interval);

[Ctrl+A

全選

注:如需引入外部Js需刷新才能執行]

求一串倒計時js代碼

!DOCTYPE HTML

html lang=”en”

head

    meta http-equiv = “X-UA-Compatible” content = “IE=edge,chrome=1” /

    meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″

    title倒計時/title

    link rel=”stylesheet” href=”css.css” type=”text/css” media=”screen”

    script src=””/script

/head

body

    style.date_details_edd input{text-align:center;}/style

    div class=”second”

        input type=”text” value=”60000″ id=”second”!–可以隱藏–

    /div

    div class=”end_time”

        距離活動結束還有:span0/spanstrong天/strongspan0/spanstrong小時/strongspan0/spanstrong分/strongspan0/spanstrong秒/strong

    /div

    script

    function play(){

            var s=$(‘#second’).val();        //獲得秒數

            var ss=s;

            var day=Math.floor(s/86400);     //獲取天數

                s=s%86400;

            var hours=Math.floor(s/3600);    //小時數

                s=s%3600;

            var minutes=Math.floor(s/60);    //分鐘

                s=s%60;

            var s4=s;

            if(day=0  hours=0  minutes=0  s4=0){

                alert(1);

                clearInterval(timer);    

            }else{

                $(“.end_time span”).eq(0).html(fullZero(day,2));    //賦值 天數

                $(“.end_time span”).eq(1).html(fullZero(hours,2));  //小時

                $(“.end_time span”).eq(2).html(fullZero(minutes,2));//分鐘

                $(“.end_time span”).eq(3).html(fullZero(s4,2));        //秒

                $(‘#second’).val(ss-1);

            }

    }    

    $(function(){

        var timer=setInterval(play,1000);

    })    

        

    //給時間前面補0

        function fullZero(_time,n){

            var str=””+_time;

            while(str.lengthn){

                str=”0″+str;

            }

            return str;

        };

    /script

/body

/html

求一個倒計時js代碼,非常簡單的

邏輯如下:

1、先判斷兩個時間的時間差,當然如果得到的時間是13位時間戳的話你需要轉化一下

2、判斷時間夠一天顯示天數,夠一小時顯示小時數

相關代碼:

//獲取時間,時間戳轉換,不是則不轉

var mydate1 = new Date(parseInt(time1.replace(“/Date(“, “”).replace(“)/”, “”)));

var mydate2 = new Date(parseInt(time2.replace(“/Date(“, “”).replace(“)/”, “”))); 

//獲取剩餘秒數 

var timerc =dateDiff(mydate, ‘2015/05/19 10:00:00’) / 1000;

function dateDiff(date1, date2) {

            var dt1 = new Date(Date.parse(date1));

            var dt2 = new Date(Date.parse(date2));

            try {

                return Math.round((dt2.getTime() – dt1.getTime()));

            }

            catch (e) {

                return e.message;

            }

        } 

//循環調用倒計時

  function add() { //加時函數

            –timerc; //時間變量自減1

            var day = parseInt(timerc / 86400);

            var hour = parseInt((timerc % 86400) / 3600);

            var min = parseInt((timerc % 3600) / 60);

            var sec = Number(parseInt(timerc % 60 / 10)).toString() + Number(parseInt((timerc % 10))).toString();

            if (day  0) { //如果不到5分鐘

                $(“#day”).html(day + ‘天’); //寫入天數

                $(“#hour”).html(hour + ‘時’); //寫入小時數

                $(“#min”).html(min + ‘分’); //寫入分鐘數

                $(“#sec”).html(sec + ‘秒’); //寫入秒數(兩位)

            }

            else if (hour  0) {

                $(“#hour”).html(hour + ‘時’); //寫入小時數

                $(“#min”).html(min + ‘分’); //寫入分鐘數

                $(“#sec”).html(sec + ‘秒’); //寫入秒數(兩位)

            }

            else if (min  0) {

                $(“#min”).html(min + ‘分’); //寫入分鐘數

                $(“#sec”).html(sec + ‘秒’); //寫入秒數(兩位)

            }

            else if (sec != ’00’) {

                $(“#sec”).html(sec + ‘秒’); //寫入秒數(兩位)

            }

            else {

                tiao(activity); return true;//時間到0調用函數

            }

            setTimeout(“add()”, 1000); //設置1000毫秒以後執行一次本函數

        };

望採納!

幫忙改一個js倒計時代碼

(function(timeleft) {

var minutes = 0,

seconds = 0,

caller = arguments.callee,

timer;

if(–timeleft = 0) {

minutes = Math.floor(timeleft / 60);

seconds = Math.floor(timeleft % 60);

document.all[“timer”].innerHTML = “距離結束還有” + minutes + “分” + seconds + “秒”;

if (timeleft == 5 * 60) {

alert(‘注意,還有5分鐘!’);

}

setTimeout(function() {

caller(timeleft);

}, 1000);

} else {

alert(“時間到,結束!”);

}

}(3600));

原創文章,作者:URNRO,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/130879.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
URNRO的頭像URNRO
上一篇 2024-10-03 23:27
下一篇 2024-10-03 23:27

相關推薦

  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python字符串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字符串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字符串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變量和數…

    編程 2025-04-29
  • Python腳本控制其他軟件

    Python作為一種簡單易學、功能強大的腳本語言,具有廣泛的應用領域,在自動化測試、Web開發、數據挖掘等領域都得到了廣泛的應用。其中,Python腳本控制其他軟件也是Python…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在着手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29

發表回復

登錄後才能評論