代码之家  ›  专栏  ›  技术社区  ›  shinjuo

文本框中的文本更改

  •  0
  • shinjuo  · 技术社区  · 14 年前

    3 回复  |  直到 14 年前
        1
  •  2
  •   OdinX    14 年前

    将此代码复制并粘贴到html文件中并签出,这应该足够容易,您可以根据自己的需要进行编辑。享受:o)

    <html>
            <head>
                <script type="text/javascript">
                //Change these messages to what ever you would like to display in the textbox
                //You can add or remove any as you see necessary
                var messages = new Array(
                    "Hello",
                    "there",
                    "my",
                    "name",
                    "is",
                    "Chief17!"
                );
                var i = 0;
                function changeText()
                {
                    document.getElementById("tb").value = messages[i];
                    if(i < messages.length -1)
                    {
                        i++;
                    }
                    else
                    {
                        i = 0;
                    }
                }
                </script>
            </head>
            <!--Change the 1000 to how long you want to wait in between message changes (1000 is 1 second)-->
            <body onLoad="setInterval('changeText()',1000)">
                <input type="text" id="tb" />
            </body>
        </html>
    
        2
  •  1
  •   Babiker    14 年前

    setInterval('changeTextFunction()',1000);

        3
  •  1
  •   TheGeekYouNeed    14 年前

    要更改文本框中的文本,可以

     txtFld = document.getElementById("yourTextBox");
     txtFld.value = "New value";
    

    要设置计时器,如倒计时计时器,可以使用以下内容的变体:

    <script> 
     <!-- 
          // 
      var milisec=0 
      var seconds=30 
      document.counter.d2.value='30' 
    
      function display(){ 
      if (milisec<=0){ 
          milisec=9 
          seconds-=1 
      } 
      if (seconds<=-1){ 
          milisec=0 
          seconds+=1 
      } 
      else 
          milisec-=1 
      document.counter.d2.value=seconds+"."+milisec 
      setTimeout("display()",100) 
    } 
    display() 
    --> 
    </script>