防止按鈕在短時(shí)間內(nèi)被多次點(diǎn)擊的方法
更新時(shí)間：2014年03月10日 17:43:18 作者：
一個(gè)按鈕可以在短時(shí)間內(nèi)多次點(diǎn)擊，那么有可能會(huì)被用戶惡意點(diǎn)擊，下面有個(gè)不錯(cuò)的方法可以有效制止，希望對(duì)大家有所幫助
如果一個(gè)按鈕可以在短時(shí)間內(nèi)多次點(diǎn)擊，那么有可能會(huì)被用戶惡意點(diǎn)擊，為防止這種情況，可以設(shè)定一定時(shí)間內(nèi)只能點(diǎn)擊一次，其他時(shí)間禁止點(diǎn)擊按鈕。
代碼如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Js定時(shí)事件</title>
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="點(diǎn)下我" id="btn" onclick="show()" />
</div>
<script type="text/javascript">
/*
timeId=window.setTimeout("method()",1000); window.clearTimeout(timeId);定時(shí)執(zhí)行
timeId=window.setInterval("method()",1000); window.clearInterval(timeId);循環(huán)執(zhí)行
*/
var nn = 30;
var tipId;
function show() {
tipId = window.setInterval("start()", 1000); //每隔1秒調(diào)用一次start()方法
}
function start() {
if (nn > 0) {
var vv = "點(diǎn)下我(" + nn + ")";
$("#btn").attr("disabled", "disabled"); //使按鈕不能被點(diǎn)擊
$("#btn").attr("value", vv); //更改按鈕上的文字
nn--;
} else {
nn = 30;
$("#btn").removeAttr("disabled"); //使按鈕能夠被點(diǎn)擊
$("#btn").attr("value", "點(diǎn)下我"); //更改按鈕上的文字
window.clearInterval(tipId); //清除循環(huán)事件
}
}
</script>
</form>
</body>
</html>
代碼如下：
復(fù)制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Js定時(shí)事件</title>
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="點(diǎn)下我" id="btn" onclick="show()" />
</div>
<script type="text/javascript">
/*
timeId=window.setTimeout("method()",1000); window.clearTimeout(timeId);定時(shí)執(zhí)行
timeId=window.setInterval("method()",1000); window.clearInterval(timeId);循環(huán)執(zhí)行
*/
var nn = 30;
var tipId;
function show() {
tipId = window.setInterval("start()", 1000); //每隔1秒調(diào)用一次start()方法
}
function start() {
if (nn > 0) {
var vv = "點(diǎn)下我(" + nn + ")";
$("#btn").attr("disabled", "disabled"); //使按鈕不能被點(diǎn)擊
$("#btn").attr("value", vv); //更改按鈕上的文字
nn--;
} else {
nn = 30;
$("#btn").removeAttr("disabled"); //使按鈕能夠被點(diǎn)擊
$("#btn").attr("value", "點(diǎn)下我"); //更改按鈕上的文字
window.clearInterval(tipId); //清除循環(huán)事件
}
}
</script>
</form>
</body>
</html>
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于js控制radio選中、不可選和改變事件的相關(guān)資料,我們經(jīng)常會(huì)遇到j(luò)s控制radio選中和切換的問題,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了JavaScript的內(nèi)存釋放問題詳解的相關(guān)資料,需要的朋友可以參考下2015-01-01
使用requirejs模塊化開發(fā)多頁面一個(gè)入口js的使用方式
這篇文章主要介紹了使用requirejs模塊化開發(fā)多頁面一個(gè)入口js的使用方式,需要的朋友可以參考下2017-06-06
類型檢查是一種靜態(tài)分析的過程，用于驗(yàn)證變量、函數(shù)和表達(dá)式的類型是否符合預(yù)期，這篇文章主要來和大家聊聊TypeScript中類型檢查與錯(cuò)誤捕獲的相關(guān)知識(shí)，希望對(duì)大家有所幫助2023-06-06
JavaScript 就地編輯HTML節(jié)點(diǎn)實(shí)現(xiàn)代碼
JavaScript 就地編輯HTML節(jié)點(diǎn)實(shí)現(xiàn)代碼2009-07-07
這篇文章主要介紹了jscript讀寫二進(jìn)制文件的方法,涉及javascript中ActiveXObject對(duì)象的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
javascript FormatNumber函數(shù)實(shí)現(xiàn)方法
如果有一個(gè)數(shù)字498.8573945,如何把它格式化成兩位小數(shù)據(jù)呢？用過asp的都知道,在vbscript里我們可以調(diào)用formatnumber,即用formatnumber(498.8573945,2)就可以輸出：498.86。2008-12-12
Javascript中獲取瀏覽器類型和操作系統(tǒng)版本等客戶端信息常用代碼
跟蹤一些最基本的客戶端訪問信息，這里將一些公用的代碼總結(jié)下來,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了js DOM的事件常見操作,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript DOM事件概念、原理及DOM操作常見實(shí)現(xiàn)技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-12-12
下面小編就為大家?guī)硪黄猨s中變量的連續(xù)賦值(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07