js倒計時代碼按鈕,js倒計時10秒按鈕

本文目錄一覽：

• 1、點擊按鈕出現60秒倒計時的簡單js代碼(推薦)
• 2、JS 倒計時實現代碼(時、分，秒)
• 3、網頁點擊按鈕開始一小時倒計時的JavaScript代碼

點擊按鈕出現60秒倒計時的簡單js代碼(推薦)

點擊按鈕出現60秒倒計時的簡單js代碼(推薦)

!DOCTYPE

html

PUBLIC

“-//W3C//DTD

XHTML

1.0

Transitional//EN”

“”

html

xmlns=””

head

meta

http-equiv=”Content-Type”

content=”text/html;

charset=utf-8″

/

title點擊按鈕出現60秒倒計時的簡單js代碼(推薦)/title

script

type=”text/javascript”

src=”js/jquery.js”/script

/head

body

input

type=”button”

id=”btn”

value=”免費獲取驗證碼”

onclick=”settime(this)”

/

script

type=”text/javascript”

var

countdown=60;

function

settime(val)

{

if

(countdown

==

0)

{

val.removeAttribute(“disabled”);

val.value=”免費獲取驗證碼”;

countdown

=

60;

}

else

{

val.setAttribute(“disabled”,

true);

val.value=”重新發送(“

+

countdown

+

“)”;

countdown–;

}

setTimeout(function()

{

settime(val)

},1000)

}

/script

/body

/html

以上這篇點擊按鈕出現60秒倒計時的簡單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需刷新才能執行]

網頁點擊按鈕開始一小時倒計時的JavaScript代碼

!DOCTYPE html

html

  head

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

title/title

script

var interval;

var djs = function(){

if(!!interval) return;

var d = new Date(“1111/1/1,1:0:0”);

result.innerHTML = d.getHours() + “時” 

+ d.getMinutes() + “分” + d.getSeconds() + “秒”;

interval = setInterval(function(){

if(d.getHours() ==0d.getMinutes()==0d.getSeconds()==0) {

clearInterval(interval);

interval =null;

}

result.innerHTML = d.getHours() + “時” 

+ d.getMinutes() + “分” + d.getSeconds() + “秒”;

d.setSeconds(d.getSeconds() – 1);

},1000);

}  

/script

  /head

body

     div id=”result”

/div

button onclick=”djs()”

倒計時

/button

  /body

/html