欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實現(xiàn)的倒計時按鈕實例

 更新時間：2015年06月24日 17:18:26   作者：第2015換個昵稱  
這篇文章主要介紹了js實現(xiàn)的倒計時按鈕,實例分析了javascript倒計時效果的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下

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

效果圖如下：

具體代碼如下：

<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(); 
}); 
})();
//注意，我這里在測試的時候改成里匿名函數(shù)，其實不必這樣做也可以實現(xiàn) 
//getValidateCode()當(dāng)作一個單獨的函數(shù)，在$(function(){//點擊按鈕執(zhí)行函數(shù)，即上面藍(lán)色部分代碼;}); 
}); 
</script></span>

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

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

相關(guān)文章

  • JavaScript實現(xiàn)頁面實時顯示當(dāng)前時間的簡單實例

    JavaScript實現(xiàn)頁面實時顯示當(dāng)前時間的簡單實例

    這篇文章介紹了頁面實時顯示當(dāng)前時間的簡單實例，有需要的朋友可以參考需要
    2013-07-07
  • javascript實現(xiàn)數(shù)字驗證碼的簡單實例

    javascript實現(xiàn)數(shù)字驗證碼的簡單實例

    本篇文章主要是對javascript實現(xiàn)數(shù)字驗證碼的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2014-02-02
  • 200行HTML+JavaScript實現(xiàn)年會抽獎程序

    200行HTML+JavaScript實現(xiàn)年會抽獎程序

    這篇文章主要為大家詳細(xì)介紹了HTML+JavaScript實現(xiàn)年會抽獎程序的200行代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-01-01
  • JavaScript Title、alt提示（Tips）實現(xiàn)源碼解讀

    JavaScript Title、alt提示（Tips）實現(xiàn)源碼解讀

    我們知道給某些HTML標(biāo)簽加上title屬性后，這個標(biāo)簽對象在瀏覽的時候，鼠標(biāo)移上去就會有一個小提示框出來，并顯示title定義的內(nèi)容。
    2010-12-12
  • JS生成不重復(fù)的隨機數(shù)組的簡單實例

    JS生成不重復(fù)的隨機數(shù)組的簡單實例

    下面小編就為大家?guī)硪黄狫S生成不重復(fù)的隨機數(shù)組的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • JavaScript 封裝Ajax傳遞的數(shù)據(jù)代碼

    JavaScript 封裝Ajax傳遞的數(shù)據(jù)代碼

    在使用Ajax傳輸數(shù)據(jù)時，少不了對傳遞的字符進(jìn)行轉(zhuǎn)碼，我的實現(xiàn)方式是將需要傳遞的數(shù)據(jù)暫存到一js Bean中，將js Bean放到Array中，生成傳輸參數(shù)時對Array中的jsBean進(jìn)行分解，得到相應(yīng)屬性信息并編碼..
    2009-06-06
  • uni-app實現(xiàn)微信小程序長按拍視頻功能

    uni-app實現(xiàn)微信小程序長按拍視頻功能

    這篇文章主要為大家詳細(xì)介紹了uni-app實現(xiàn)微信小程序長按拍視頻功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-08-08
  • js實現(xiàn)YouKu的漂亮搜索框效果

    js實現(xiàn)YouKu的漂亮搜索框效果

    這篇文章主要介紹了js實現(xiàn)YouKu的漂亮搜索框效果的方法,通過javascript結(jié)合鼠標(biāo)事件與頁面樣式實現(xiàn)漂亮的搜索框效果,非常具有實用價值,需要的朋友可以參考下
    2015-08-08
  • javascript jquery對form元素的常見操作詳解

    javascript jquery對form元素的常見操作詳解

    下面小編就為大家?guī)硪黄猨avascript jquery對form元素的常見操作詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • Bootstrap中CSS的使用方法

    Bootstrap中CSS的使用方法

    這篇文章主要為大家詳細(xì)介紹了Bootstrap中CSS的使用方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-02-02

最新評論