點擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)
更新時間：2016年06月07日 16:13:40 投稿：jingxian
下面小編就為大家?guī)硪黄c擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
點擊按鈕出現(xiàn)60秒倒計時的簡單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>點擊按鈕出現(xiàn)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="重新發(fā)送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(val)
},1000)
}
</script>
</body>
</html>
以上這篇點擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Javascript 對象（object）合并操作,結(jié)合實例形式分析了javascript基于jQuery的extend方法、對象屬性、遍歷賦值等操作實現(xiàn)對象合并相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下2019-07-07
如何用JS獲取帶“\”字符串的中間值？...2007-02-02
本文詳細(xì)介紹了如何在瀏覽器端使用JavaScript實現(xiàn)高可靠度的人臉活體檢測,包括核心原理、可行方案、優(yōu)缺點對比以及示例代碼,感興趣的朋友一起看看吧2025-02-02
js學(xué)習(xí)心得_一個簡單的動畫庫封裝tween.js
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)心得_一個簡單的動畫庫封裝tween.js。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細(xì)介紹了js完整倒計時代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章給大家分享了js數(shù)據(jù)類型檢測的相關(guān)實例內(nèi)容，有需要的朋友可以測試下。2018-08-08
這篇文章主要介紹了小程序跨頁面交互的作用與方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了Echarts.js無法引入問題解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
下面小編就為大家?guī)硪黄猨s封裝成插件_Canvas統(tǒng)計圖插件編寫實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
bootstrap與pagehelper實現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了bootstrap與pagehelper實現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12