HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript">
var countdown = 60;
function settime(obj) {
if (countdown == 0) {
obj.removeAttribute("disabled");
obj.value = "等待60秒";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.value = "重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function () {
settime(obj)
}, 1000)
}
</script>
</head>
<body>
<input type="button" id="btn" value="click me" onclick="settime(this)"/>
</body>
</html>
result:
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAAA2CAIAAABiEx2NAAADb0lEQVR4nO3av08TYRjA8eef6E0yESYn6CQuhKXtkUgZTFiQgQCDMc6UmrgQSSDBNOXuene9tGcoDWqM/EwXYxgwYMuvVEqwLQab09BUo0ZXHcB6Pe4uDC/ne83zmd5cn77XPN+ECfiN6AP/+wcgE1iFRliFRliFRpZVSqVSOp2ec6f5+flSqeTkHsmyrJJKpX65WSqVcnKPZFlWUVX1p5upqurkHsmyrJJMJn+4WTKZdHKPZFlWSSQS390skUg4uUey7Kp8u7wjpQd6lCPdwX7s6jVnFUVRvl7eocwCKx/qDvZjV09RFCf3SJZdlS+XV5BZYOUCoTESmrNKPB6vWSlnJvraGACmrW8iU67VarUDiQVWOtAd7Mdq5Zf3vd4HZ091DiQW2Gl1mm0BYNr61Z2dhdHuFgDm5ujCzt+3v542XGsmHo87uUeyLKvIslw1l4t0Q2Bqo1itVnORADOYLlareTEAATGvO9iM5YprYa83vFa8eHdeDACcfVRMjzAME5zaKFar+WQ/MOFXxreLQaY7kjP/lbIsO7lHsiyrSJJ0aiob6YTB9PvGh/lYAAKxvO5gOdYZDHphMGH4RD8QyTbeeXp6uhoGCK+ev33kxcn5+Oq9+rSRJElO7pEsyyqiKH42tTIOML5ieLgv+MEv7OsOlmPQcWe41+MX3ppdXv+64Vy/bWUcDC685Iwoik7ukSzLKrFY7JOprcc3YCB12Phwj/eDn9/THWzHtni/p1fZu3h5/euG83IIILR8/vbh58fmP00vFos5uUeyLKsIgqCZ25zpAt/kekHTtMKzu9c7Jtc1bZfzgY/b1R3sx7TNmS7PwFzBePe/gcbzUgggtGR8+1Kow+wSTdM0TRAEJ/dIlmUVnucrVt4tPrzV6gHwtHYNPXlTqVQq27M+8M1u6w72Y5VKMTPW7hl6Wmy8Wf91/XlxDGBssfHtcK399qOM4YI6nued3CNZllU4jvvoZhzHOblHsuyqnLhZc1aJRqMf3CwajTq5R7Lsqhy7WXNW4Tiu7GbN+Rcsm83yPB91J47jstmsk3skC//HhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZYhUZ/AHDhAsYqqnmVAAAAAElFTkSuQmCC)
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAA8CAIAAAArJEmFAAAEF0lEQVR4nO2X72/aRhjH+6c/kiUkEFeCBLYxhoCVOPxsWjVqU7V0DesoTemSLZSkNCxpgmwXy1jetL3dXjhQAz5DJ+1O1Z7PC+u557535/vEQsq9vxHm3OP9Av9HUDoHUDoHFqSPRqNKpbKL7O7u7e2NRiMW0nVd/wuZoes6C+mapv2JzNA0jYX0crn8BzKjXC6zkF4qlX7fGAgQOrthM9hfDQQ7tPo/olQqMZLu0YFFNo+FLgkOaTVtNvz0fu2+2vnieZ53cSAnAABAyNZ+MTzP87wv7/X7AgAAJLK1Y8PzPM/4QU43L+j3ZSS9WCy6mwEAGyZp4WDzm3ajMGyS9MHIdV2rux1LaN3Prut+PsoLgtZ1XXd0kAZSPbNd+6xKAPI/La4JpVgsMpI+pQDrCCaX6mDnX2wYkf863dVicsucTqdmS4b04+vFxWZLhkTjw3Q6nU4/NBJAGh9nfUHrUq7MSHqhUHDoAMDaOtiZ94OaorcNnV0KhOWNlgRSy3AcxznWBEE7Xpq/aBAg+58cx3GcT/sESOPCn7h6nIb86/CjC4UCC+mqqtp0Ir7KiIzfnD9Dt404dDUQlu8UgdQHtm3bdlsBsnNYlxIAAALZ6Vzbtj2oE1Dad+G2Mg/b9mklJpTfhp6rqioL6fl8fkIHANbWEYHQmN9fYm1gOTyoE1Be+um2AgCkfmJMJpPbdkEA6fmtH2hP5glSH9wNLh9twdajy7AXy+fzLKQrimLRibh5RMzvzJ+rey5NrcZW91/epV8joBz59ZEC89qyWgoIpTdWv0aANM8ty7Ks8yYBUuvPEkdKcBREURQW0nO5nLkZALB5wK9Dl8ybm2SosbNqEnItvx4+3JrXptnKQUx/b5o/qhCvnpqmaZqn1TiIz67Nr/Gth8OwK+RyORbSZVk26ER86UuxiOdqkjZc7QcDi+G2CvHqiV8P9lOQ2h8YhmF8fJETYtsdwzCunomQ1Hs3xk1PT86mDcMwenpM2O6EnivLMgvpkiSNNwMAovsRxerQ/8sFi9UkrT8ej8fj0WEWsoeju9HwTSUbBwAQkurz/l3z53rK/+dISGqvZ8nx+YMU5F6G31GSJBbSRVG8pRDxmfushv0i2KRtG9Gc77Pm3FdFIfv0kvb2NM4epITiK8qkKIqMpN98r5zsJVPNX79tzdudeMQaRtIzmcz190t3Jym/GG6eP3+STe29o89nMhlG0q+QGYyki6L4GzKD0c9Lr9eTJCmDZDKiKPZ6PRbSETagdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA6gdA78A+pXyUkVd6EcAAAAAElFTkSuQmCC)
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAAA0CAIAAABghr9WAAAD9UlEQVR4nO2a72/aRhjH+6c/kiVLjXAhquPfeOA1BpLRNdvU9UdgyZSlZKXqQqJkorhNG8t0iSDypu3t9sKB+uw7406yrOqezwvruee+d2fzwXkRcedfhD/ulH0DSAmgdR5B6zyC1nkErfMIWucRwrrnee12exPZ3Gy1Wp7nlWWlaAjrruv+gyxwXbcsK0VDWHcc529kgeM4ZVkpGsJ6s9n8C1nQbDbLslI0hPVGo/FnbiAGdTZnM95PB+IdVl0QjUajLCtFk7QesgGS/DHqkviQVbNm6aefbt2zDv8Iw/DQip1/r/smDMPguKutCQAAIKy7vwZhGIbBT9p693f28/Ji3bbtm3wAQM4kKxxvftZuDMZdaf0H77YCrf8xPjlwBMHsv7++ubkeP9MEkJ+9J9fQsG27LCtFk7Q+ZwCriCcTdbzzPzbMyH+aHjii1ptGpQ1iZ8R6kPn8wAQwD+bz+Xw+7WmCM2DkeLFer9dnbABgZR3vLPtxT9nbUmcTAVo+6Kmg9oLZbDabvflWWtZU9kwA+0VUv/t+HcwDeq5er5dlpWgI65ZlXbPJeC8zMlFzeaVum3FoOkDLH9ogbZ8ta1iTJAEAYE397iQRvdhVQWweLYa/tUXh04jAsqyyrBQNYd00zSs2ALCyzghQY1E/wcpAMny2LYHRj9KTnRqIRn9ydXUVTJ4bgtgcxPYabUsg1n+5XDYmOzWo7UxoN2aaZllWioawbhjGRzYZH31GLOosr+k9E1PpWHr/5C6nWxIY+7R77hkgNF7cDt7uGyJIW8dEYt8AaeuUttYwjLKsFA1hXdf1aT4AIH8gqqlLls08GWbspFMBvUe5i4unCojuq+l0Oj17qotCrfPqkkyMH9Wg9mhMewRd18uyUjSEdU3TAjYZ73oilnFNJ1nDdD8eIMM/W3C38zoIgiA4+loU9N1JEATBh9E396HSGQXB2eP7AJXbBMHQFYWvDqnnappWlpWiIayrqurnAwCy+xlFehh9deJFOsnq+77v+96TDdh44kWD0+dW5fYfMlVn/9z3/ZebYuJrWmkf+77v++cPq6D36c+oqmpZVoqGsK4oyiWDjBc9Ih2OiniTtW1Gc7nPinP3bGHjxwnr7lmcPKwK9h5jUlGUsqwUTdL6hy+V161KtTv6vDVHD+5mrOHFuizLF18ugwcVbXecP3/+eKPaesmel2W5LCtFk7T+DlnAi3VFUd4iC3j5Cz8cDlVVlRFZVhRlOByWZaVo8DeyPILWeQSt8wha5xG0ziNonUfQOo+gdR5B6zyC1nkErfMIWucRtM4jaJ1H0DqPoHUeQes8gtZ5BK3zCFrnEbTOI2idR9A6j6B1HvkPKadZ28Pa+D0AAAAASUVORK5CYII=)
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAA4CAIAAAC0QNuuAAADiElEQVR4nO3av08TYRjA8eefKBOyoBOdDIubkQHowA8TTRxIJEajARNnaYiagAMDDuWud72WtpFCIsQE+RHRGAKDATtAU6kDhQbM3VFiL9XoqkOh3F3vPV6mJz2fz0Duffv0fZtvmk7AX4IEsD/A/4vSo6H0aCg9GkqPxpI+n8/PzMxMecL09HQ+n8fKysOSPpVK/fGQVCqFlZWHJX0ymfztIclkEisrD0v6RCLxy0MSiQRWVh6W9PF4/CcbALgsXYbdJ/ld9Mx4PI6VlYc9fZkNTGzLyo550mV5KjP3qK0JAJpa+4UvR+VyuVw+Wh+/eaUBAJra+oX1I9u9HGda1FP6WCxmMACA+cG2dJysPJuZprS14da20bWCYRiFd0/8/tE1wzAKr+9AYGLbMIztiQA0DK8wjq39GI5isRhWVh729CU+AOC+bx5wGFbnH8LdN/u1mwFlq1QqlUpbSgACSo55suNFNvWUPhqN/mADttpJ1vzJxOqI3z+yanvbTiQAvcmdynOyFwKRHfu95sPNdzmKRqNYWXlY0iuKcswHAFxeqn3VvrMchM6xGfnBjUsADZd7xj4dHh8fZ+VOCC6bJuSswwmVB9vSkaIoWFl5WNJHIpEig8tXvqI6Zv7LGisuBQF8PVK6WCwWD5aCLb7Hbw+KWakTgktnE51S1nJ79WTzg4tIJIKVlYclvSzL+kUAAOe+fWdxCGBosboahJYXH/VMuAO6JzO6rut6ZrIbOsKZs7dX1B7I+gy6rsuyjJWVhyW9JEkaw7nfetsw6+HEt1QfDC6crhYG4dqrTU378NTXIW5qmqZpm2IH3J/bP3uv/QTHY60kScLKysOSPhwOq64AwGXpuF95rpnMTfU19sW2VFVVc7MDLVefr6iqujc74Gsf31BVdWO8HW7Hcq53sW6vCofDWFl5WNKLovj9PADg+MyaYU7urk7cu94I4Gvuejb/9WTzs3Kr2QcAvuaul+93Xe5lXW0miiJWVh6W9IIgHPKp/s6wXuWc5Fc54UJHCYKAlZWHPf2Bh9RT+lAoVPCQUCiElZWHPf2+h9RTekEQ9jyknn5w0um0KIohTxAEIZ1OY2XlQf+RgIbSo6H0aCg9GkqPhtKjofRoKD0aSo+G0qOh9GgoPRpKj4bSo6H0aCg9GkqPhtKjofRoKD0aSo+G0qOh9GgoPRpKj4bSo6H0aCg9GkqP5h/kwkkbS169bwAAAABJRU5ErkJggg==)