js實現的倒計時按鈕實例（js倒計時函數）

本文目錄一覽：

• 1、JS 倒計時實現代碼(時、分，秒)
• 2、JQuery實現的按鈕倒計時效果
• 3、js實現拍簡單倒計時功能
• 4、用javascript實現：點擊按鈕後，頁面出現倒計時，並開始倒計時

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需刷新才能執行]

JQuery實現的按鈕倒計時效果

本文實例講述了JQuery實現的按鈕倒計時效果。分享給大家供大家參考，具體如下：

一個實現了在按鈕上顯示倒計時，倒計時完畢自動將按鈕設置為不可用的效果，具體代碼如下：

html

head

titletest

count

down

button/title

script

src=”jquery1.8.3.min.js”

type=”text/javascript”/script

script

type=”text/javascript”

$(function

()

{

$(‘#btn’).click(function

()

{

var

count

=

10;

var

countdown

=

setInterval(CountDown,

1000);

function

CountDown()

{

$(“#btn”).attr(“disabled”,

true);

$(“#btn”).val(“Please

wait

“

+

count

+

“

seconds!”);

if

(count

==

0)

{

$(“#btn”).val(“Submit”).removeAttr(“disabled”);

clearInterval(countdown);

}

count–;

}

})

});

/script

/head

body

input

type=”button”

id=”btn”

value=”Submit”

/

/body

/html

運行效果截圖如下：

希望本文所述對大家jQuery程序設計有所幫助。

js實現拍簡單倒計時功能

看樣子是一個競拍網站，有很多商品的，你知道嗎？這樣的網站不是純HTML的！一般是asp或asp.net等寫出來的網頁！用的是後台數據庫！根本不是單純的HTML。

以ASP為例吧

settime.asp(或者是HTML中嵌套了ASP)，這裡邊設置了競拍時間，然後將這個數值與其他數據地塊存入了後台數據庫（一般ASP掛的是ACCESS數據庫，而ASP。NET掛的是SQL數據庫，PHP掛的MYSQL數據庫，我只是說一般）。

show.asp中從數據庫中取出該條記錄（或者從其他網頁處得到request值），用當前時間相差，就可以顯示了！

可以顯示竟拍時間等信息的！

起碼我想告訴你，純HTML是實現不了的！

用javascript實現：點擊按鈕後，頁面出現倒計時，並開始倒計時

script language=’javascript’

var _t;

var _h = 0;

var _m = 1;

var _s = 0;

var _v = formatTime(_h + ‘:’ + _m + ‘:’ + _s);

function doTime()

{

_s –;

if (_s == -1)

{

_m –;

_s = 59;

}

if (_m == -1)

{

_h –;

_m = 59;

}

var _b = ((_h == 0) (_m == 0) (_s == 0));

if (_b)

{

_v = ‘Welcome To RTBBS.NET’;

clearTimeout(_t);

}

else

{

_v = formatTime(_h + ‘:’ + _m + ‘:’ + _s);

_t = setTimeout(‘doTime()’, 1000);

}

document.all.oTime.innerHTML = _v;

}

function formatTime(_time)

{

return _time.replace(/\b(\w)\b/g, ‘0$1’);

}

function start_time()

{

document.all.oTime.innerHTML = _v;

_t = setTimeout(‘doTime()’, 1000);

}

/script

span id=’oTime’/span

input type=”button” name=”button2″ value=”計時開始” onclick=’start_time()’

/body

/html

/html