主要用到setInterval和clearInterval方法和一个计时变量。
效果
代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>BOM</title><style>*{margin: 10px;}</style>
</head><body><input type="text"><button>发送</button>
</body>
<script>var btn = document.querySelector('button');btn.addEventListener('click',function(){btn.disabled = true;var i = 6;var timer = setInterval(function(){i --;btn.innerHTML = "再过"+i+"s才能发送";if(i==0){clearInterval(timer);btn.disabled = false;btn.innerHTML = "发送";}},1000);})</script></html>
