>웹 프론트엔드 >JS 튜토리얼 >JS 카운트다운을 사용하여 버튼 클릭 기능을 복원하는 방법

JS 카운트다운을 사용하여 버튼 클릭 기능을 복원하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-06-02 15:59:032667검색

이번에는 JS 카운트다운 복구 버튼 클릭 기능을 사용하는 방법과 JS 카운트다운 복구 버튼 클릭 기능을 사용할 때 어떤 주의사항이 있는지 알아보겠습니다.

카운트다운 시간이 지나면 계약서를 읽는 데 자주 사용되는 재개 버튼을 클릭하세요.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>阅读协议倒计时</title>
    <script>
      var tim=9;
      function aaa(){
        var btnn=document.getElementById("btn");
        if(tim<=0)
        {
          btnn.value="注册";
          btnn.disabled="";
        }
        else
        {
          btnn.value="请仔细阅读,还剩"  +tim+"秒";
          tim--;
        }
      }
      setInterval("aaa()",1000);
    </script>
  </head>
  <body>
    <textarea style="width: 500px;height: 300px;">
    </textarea>
    <input type="button" id="btn" value="请仔细阅读,还剩10秒" disabled="disabled" />
  </body>
</html>

이 기사의 사례를 읽은 후 방법을 숙지하셨다고 생각합니다. 더 흥미로운 정보를 보려면 주의하세요. 기타 관련 기사는 PHP 중국어 웹사이트에 있습니다!

추천 자료:

Vue를 사용하여 카운트다운 버튼을 구현하는 방법

Vue를 사용하여 양방향 데이터 바인딩을 작성하는 방법

위 내용은 JS 카운트다운을 사용하여 버튼 클릭 기능을 복원하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.