如果一個(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>
本文來源:重慶網(wǎng)站建設(shè)公司|重慶網(wǎng)站制作公司整理編輯(部分內(nèi)容來源于網(wǎng)絡(luò),如有侵犯您的權(quán)益,請(qǐng)聯(lián)系我們刪除)
本文網(wǎng)址:http://zhoukouyizhong.cn/wzbk/wzsz/1515.html
詳細(xì)咨詢:請(qǐng)撥打電話13629754288!
我們團(tuán)隊(duì)的IT服務(wù)始于2007年!
我們服務(wù)于各類企業(yè),為企業(yè)提供全面信息化建設(shè)
客戶的口碑是我們立足的根本,滿意度95%
Our partner
重慶飛?萍加邢薰2008-2023