HTML:
<input type="bδ"•∞utton" value="獲取驗證碼"&≤£gt;
CSS:
1 input[type=button]®&♠α { 2 &nbsε p; widthα≠: 150px; 3  ↓φ∑; height: 30₩∑¶px; 4 &α♠∏nbsp;background-color: #ff3000;≈δ★₩ 5  ←✔εδ;border: 0; 6 &♠↕γnbsp; bor∏$↑↔der-radius: 15px; 7&nbs™¶p;  ™₩&₩;color: #fff; 8 επ} 9 10&nbε>sp;input[type=button].on {11 ↔★λ→ backg &round-color: #eee;12&n• bsp; color:ε α #ccc;13  ≠ε¥; cursor: not-allowed;14 ↔★≠;}
JavaScript:
1 ∏β♦ $("input[type='b₹↑utton']").click(btnC ♦>₩heck); 2 3 "ε; &€♠∑≠nbsp;/** 4&nb♠™sp; * ↔↓₩;[btnCheck 按鈕倒計(jì)時(shí)常用(yòn∏≥α★g)于獲取手機(jī)短(duǎn)信驗證碼] '£≤5 &nbs∏✔p;*/ 6 &nβ≈δ bsp; function btnChec ♦k() { 7 ↔ 8 &nbs∞∏p; &nbs ≠¥p;$(this).addClass("on"); ♦∏ 9 10 & &nbβsp; var time ↓∑;= 5;11 12&n$β↑bsp; &nb₩÷ sp; $(this)'★.attr("disabled", ≈φtrue);13 14&nbs♥&♥&p; &nb☆♦sp; var tim¥₩er = setInterval(function()&≥↑•↑nbsp;{15 16 &n₹✔bsp; ≈&☆× & ®nbsp; if&nb←™∑sp;(time == 0) {17 €↑<18  €₽₹; &✔←nbsp; ®★§ clearI€≠₩ nterval(timer);19 20 &n>bsp;  "✔↔; δφσ♣  ≤"∞™; $("input"€≈≠).attr("disabled&quλ <ot;, false);21 22 &nbsλ$p; € &nb™ β★sp; $("inp'•ut").val("獲取驗證碼&π₽quot;);23 24 &→βnbsp; &nb∏ ↑sp; φ>≤ &nb$©≤sp;$("input")∏&.removeClass("on&₽✔ §quot;);25 26 &n ±bsp;  α☆§↕; &nbs€"δ✔p; } else {27 &nb ∑sp; &nbs≈→p; ®≠ 28 ↔¥> &nb →←sp; &π₩♣nbsp; &$ ♠nbsp; $('input'∞δ&∏;).val(time + &quα←ot;秒(miǎo)");29&n∏ bsp;  &₩γ; &n≈bsp; 30 &nbδ÷↔sp; &n&¶bsp;  ♣★; &♥₽≥nbsp; tim>λ∏e--;31 32 &π>nbsp; &n≤✘bsp;  π•;}33 34 ☆>₽© &nbs™♥αp; }, 1000);♥35 36 &nbs λ☆>p; }