js倒計時

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>無標題文檔</title> 
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head> 
<body> 
<input type="button" id="btn" value="立即支付"  /> 
<script type="text/javascript"> 
var timerId; 
var count=59; 
timerId = setInterval(function(){
    console.log(count);
    if (count == 0) { 
    count = 59; 
    $('#btn').attr("disabled",false);    
    $('#btn').val("立即支付"); 
    clearInterval(timerId);
    return
} else { 
    $('#btn').attr("disabled", true);
    count--;  
    $('#btn').val("支付寶授權中" + count + "秒後可支付"); 
}},1000)
</script> 
</body> 
</html> 
  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章