国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現的倒計時按鈕實例

2019-11-20 12:10:04
字體:
來源:轉載
供稿:網友

本文實例講述了js實現的倒計時按鈕。分享給大家供大家參考。具體分析如下:

效果圖如下:

具體代碼如下:

<span style="font-size: 14px;"><input type="button" value="確定"id="rulesubmit" /> <scripttypescripttype="text/javascript"> var secs = 3; var wait = secs * 1000; var update = function(num,value){ if (num == (wait/1000)){  $("#rulesubmit").val("免費獲取"); } else{ printnr = (wait/1000) - num; $("#rulesubmit").val("免費獲取(" + printnr +")"); } }; var timer = function(){ $("#rulesubmit").attr("disabled",false); $("#rulesubmit").val("免費獲取"); }; $(function(){ (function(){ function getValidateCode(){ $("#rulesubmit").val("免費獲取(" + secs +")"); $("#rulesubmit").attr("disabled",true); for (i = 1; i <= secs;i++){ window.setTimeout("update(" + i + ")",i*1000); } window.setTimeout("timer()",wait); } $("#rulesubmit").click(function(){ getValidateCode(); }); })();//注意,我這里在測試的時候改成里匿名函數,其實不必這樣做也可以實現 //getValidateCode()當作一個單獨的函數,在$(function(){//點擊按鈕執行函數,即上面藍色部分代碼;}); }); </script></span>

這里只是一個小例子,在實際運用中,可能需要記錄各種時間,考慮到頁面刷新的變化,需要用cookie來進行數據存儲等等!

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 容城县| 神池县| 灯塔市| 奉贤区| 沾化县| 苏尼特左旗| 清新县| 兰西县| 蕉岭县| 夏津县| 读书| 绍兴市| 红安县| 遵义县| 加查县| 科尔| 乌什县| 丹巴县| 桓台县| 依安县| 玉环县| 甘肃省| 通许县| 平和县| 临江市| 罗甸县| 黑河市| 沂南县| 金寨县| 绥宁县| 清新县| 宜城市| 淳化县| 温宿县| 仙桃市| 乐亭县| 昌宁县| 新绛县| 麻城市| 汝阳县| 汝阳县|