JS實現防止按鈕在短時間內被多次點擊的方法

2023-11-09    分類： 網站建設

如果一個按鈕可以在短時間內多次點擊，那么有可能會被用戶惡意點擊，為防止這種情況，可以設定一定時間內只能點擊一次，其他時間禁止點擊按鈕。

代碼如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Js定時事件</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="點下我" id="btn" onclick="show()" />
</div>
<script type="text/javascript">
/*
timeId=window.setTimeout("method()",1000); window.clearTimeout(timeId);定時執行
timeId=window.setInterval("method()",1000); window.clearInterval(timeId);循環執行
*/

var nn = 30;
var tipId;
function show() {
tipId = window.setInterval("start()", 1000); //每隔1秒調用一次start()方法
}

function start() {
if (nn > 0) {
var vv = "點下我(" + nn + ")";
$("#btn").attr("disabled", "disabled"); //使按鈕不能被點擊
$("#btn").attr("value", vv); //更改按鈕上的文字
nn--;
} else {
nn = 30;
$("#btn").removeAttr("disabled"); //使按鈕能夠被點擊
$("#btn").attr("value", "點下我"); //更改按鈕上的文字
window.clearInterval(tipId); //清除循環事件
}
}
</script>
</form>
</body>
</html>

分享文章：JS實現防止按鈕在短時間內被多次點擊的方法
文章URL：http://m.kartarina.com/news7/293307.html

成都網站建設公司_創新互聯，為您提供手機網站建設、網站排名、電子商務、外貿網站建設、標簽優化、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都定制網站建設
主站蜘蛛池模板： 久久久久成人精品无码| 久久精品无码一区二区日韩AV| 亚洲一区二区无码偷拍| 无码人妻精品一区二区蜜桃| 午夜福利无码一区二区| 人妻系列AV无码专区| 无码无套少妇毛多69XXX| 亚洲2022国产成人精品无码区| 精品久久久久久无码人妻中文字幕 | 八戒理论片午影院无码爱恋| 少妇极品熟妇人妻无码| 无码国产精成人午夜视频一区二区 | 国产在线无码精品电影网| 亚洲熟妇无码一区二区三区导航| 黄桃AV无码免费一区二区三区| 亚洲一区AV无码少妇电影| 亚洲国产精品无码中文字| 国产成人无码区免费内射一片色欲| 久久精品日韩av无码| 白嫩少妇激情无码| 久久亚洲AV成人无码国产| 国产精品va无码一区二区| 成人免费无码H在线观看不卡| 在线无码午夜福利高潮视频| 日韩免费a级毛片无码a∨| 久久亚洲AV无码精品色午夜麻豆| 亚洲第一极品精品无码久久| 波多野结衣AV无码久久一区| 亚洲中文字幕无码久久2017| 国产精品99无码一区二区| 无码人妻精品一区二区三区99不卡 | 无码人妻精品一区二区三区99不卡 | 国产免费无码AV片在线观看不卡| 国产成人无码AV一区二区| 亚洲成av人片在线观看无码不卡| 国产AV无码专区亚洲AV毛网站 | 免费无码又爽又刺激网站| 九九久久精品无码专区| 国产Av激情久久无码天堂| 人妻丰满熟妞av无码区| 无码中文字幕人妻在线一区二区三区|