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无码小缝喷白浆在线观看 | 无码亚洲成a人在线观看| 人妻无码中文字幕| 亚洲av永久无码精品网站| 亚洲乱人伦中文字幕无码| 无码欧精品亚洲日韩一区夜夜嗨| 丰满熟妇乱又伦在线无码视频| 色欲AV无码一区二区三区| 无码国产色欲XXXXX视频| 无码av大香线蕉伊人久久| 亚洲AV无码精品无码麻豆| 日韩人妻系列无码专区| 日韩人妻无码精品一专区| 人妻无码中文字幕| 成人免费无码大片A毛片抽搐色欲| 国产AV无码专区亚洲精品| 曰韩无码二三区中文字幕| 亚洲综合久久精品无码色欲| 亚洲国产精品无码久久SM| 精品无码中出一区二区| 国产精品久久无码一区二区三区网| 亚洲成A∨人片在线观看无码| 人妻老妇乱子伦精品无码专区 | 亚洲AV无码一区二区三区鸳鸯影院 | 少妇人妻无码精品视频app| 性无码专区一色吊丝中文字幕| 亚洲国产超清无码专区| 久久亚洲精品无码aⅴ大香| 亚洲国产a∨无码中文777| 亚洲AV无码乱码在线观看裸奔| AV无码精品一区二区三区宅噜噜| 蕾丝av无码专区在线观看| 永久免费无码网站在线观看| 丰满少妇被猛烈进入无码| 无码专区永久免费AV网站| 亚洲AV无码男人的天堂| 亚洲精品无码aⅴ中文字幕蜜桃| 91精品国产综合久久四虎久久无码一级| 国产精品无码专区| 无码人妻少妇色欲AV一区二区|