快捷導(dǎo)航

點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼(推薦)

更新時(shí)間：2016年06月07日 16:13:40 投稿：jingxian

下面小編就為大家?guī)硪黄c(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼(推薦)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼(推薦)</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
</head> 

<body> 
<input type="button" id="btn" value="免費(fèi)獲取驗(yàn)證碼" onclick="settime(this)" /> 
<script type="text/javascript"> 
var countdown=60; 
function settime(val) { 
if (countdown == 0) { 
val.removeAttribute("disabled");  
val.value="免費(fèi)獲取驗(yàn)證碼"; 
countdown = 60; 
} else { 
val.setAttribute("disabled", true); 
val.value="重新發(fā)送(" + countdown + ")"; 
countdown--; 
} 
setTimeout(function() { 
settime(val) 
},1000) 
} 
</script> 
</body> 
</html>

以上這篇點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Javascript 對(duì)象（object）合并操作實(shí)例分析
這篇文章主要介紹了Javascript 對(duì)象（object）合并操作,結(jié)合實(shí)例形式分析了javascript基于jQuery的extend方法、對(duì)象屬性、遍歷賦值等操作實(shí)現(xiàn)對(duì)象合并相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下
2019-07-07
$如何用JS獲取帶“\”字符串的中間值？$
如何用JS獲取帶“\”字符串的中間值？
如何用JS獲取帶“\”字符串的中間值？...
2007-02-02
JavaScript實(shí)現(xiàn)人體面部活體檢測(cè)的功能
本文詳細(xì)介紹了如何在瀏覽器端使用JavaScript實(shí)現(xiàn)高可靠度的人臉活體檢測(cè),包括核心原理、可行方案、優(yōu)缺點(diǎn)對(duì)比以及示例代碼,感興趣的朋友一起看看吧
2025-02-02
js學(xué)習(xí)心得_一個(gè)簡(jiǎn)單的動(dòng)畫庫封裝tween.js
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)心得_一個(gè)簡(jiǎn)單的動(dòng)畫庫封裝tween.js。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
js完整倒計(jì)時(shí)代碼分享
這篇文章主要為大家詳細(xì)介紹了js完整倒計(jì)時(shí)代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
js數(shù)據(jù)類型檢測(cè)總結(jié)
這篇文章給大家分享了js數(shù)據(jù)類型檢測(cè)的相關(guān)實(shí)例內(nèi)容，有需要的朋友可以測(cè)試下。
2018-08-08
小程序跨頁面交互的作用與方法詳解
這篇文章主要介紹了小程序跨頁面交互的作用與方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
Echarts.js無法引入問題解決方案
這篇文章主要介紹了Echarts.js無法引入問題解決方案,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
js封裝成插件_Canvas統(tǒng)計(jì)圖插件編寫實(shí)例
下面小編就為大家?guī)硪黄猨s封裝成插件_Canvas統(tǒng)計(jì)圖插件編寫實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
bootstrap與pagehelper實(shí)現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了bootstrap與pagehelper實(shí)現(xiàn)分頁效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12