JS實現防止按鈕在短時間內被多次點擊的方法
2022-09-13 分類： 網站建設
如果一個按鈕可以在短時間內多次點擊，那么有可能會被用戶惡意點擊，為防止這種情況，可以設定一定時間內只能點擊一次，其他時間禁止點擊按鈕。
代碼如下：
<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://www.js-pz168.com/news1/195101.html
成都網站建設公司_創新互聯，為您提供用戶體驗、網站設計公司、定制開發、Google、搜索引擎優化、營銷型網站建設
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 如何結合SEO來進行網站首頁設計 2022-09-13
- 如何利用熱門關鍵詞做網絡營銷 2022-09-13
- 企業網站影響用戶體驗的幾個因素總結 2022-09-13
- 談談新人學習網絡營銷的致富之道 2022-09-13
- 網站開發人員應學習Web設計的10個理由 2022-09-13
- 如何獲取合理的建站報價？網站報價價格差異到底在哪里？ 2022-09-13
- 上海小公司做個網站用心經營才是王道 2022-09-13
- 百度搜索從關鍵詞向全域營銷轉變 2022-09-13
- 如何為博百優網站找到更多內容話題 2022-09-13
- 幾年網站設計總結出要避免的14個致命的錯誤 2022-09-13
- 談談微信和微博在營銷上哪個更有價值 2022-09-13
- 絕對牛的網絡營銷培訓 2022-09-13
- 百度收錄文章的標準有哪些？ 2022-09-13
- 如何利用圖片做好網站優化 2022-09-13
- 如何做好網站的內部鏈接 2022-09-13
- 互動網絡營銷與網絡營銷有什么區別 2022-09-13
- 為網站帶來更多訪客的5個妙招 2022-09-13
- 傳統型企業網站在網絡營銷方面存在的弊病 2022-09-13
- 對網絡實名制的五個基本判斷 2022-09-13