JSは簡単なキーボードタイプの効果を実現します。

2476 ワード

JS タイプを打つ

プロセス分析をコード形式で実現する：


<html>
<head>
<title>    </title>
<meta http-equiv="Content-Type" Content="text/html;charset=gb2312" />
<style type="text/css">
body{
  font-size:14px;
  font-color:#purple;
  font-weight:bolder;
}
</style>
</head>
<body>
    : <a id = "Hotnews" href="" target="_blank"> </a>  
<script language="javascript">
  var NewsTime = 2000;    //             
  var TextTime = 100;    //              
  
  var newsi = 0;
  var txti = 0;
  var txttimer;   //  setInterval    ，             
  var newstimer;
  
  var newstitle = new Array();    //              
  var newshref = new Array();   //              
  
  newstitle[0] = "        ";   //                 
  newshref[0] = "https://www.jb51.net/guihailiuli/";
  
  newstitle[1] = "https://www.jb51.net/guihailiuli/";
  newshref[1] = "https://www.jb51.net/guihailiuli/";
  
  newstitle[2] = "       ";
  newshref[2] = "https://www.jb51.net";
  
  newstitle[3] = "ByeBye~~";
  newshref[3] = "https://www.jb51.net";
  
  function shownew(){
    hwnewstr=newstitle[newsi];    //  newsi  ，          
    newslink=newshref[newsi];     //           
     
    if(txti>=hwnewstr.length){
      clearInterval(txttimer);  //            ，   shownew()      
      clearInterval(newstimer); 
      newsi++;   //         
      
      if(newsi>=newstitle.length){
        newsi = 0;  // newsi          ， newsi  ，        
      }
      newstimer = setInterval("shownew()",NewsTime);   //  2000ms     shownew()
      txti = 0;  
      return;
    }
    clearInterval(txttimer);  
    document.getElementById("Hotnews").href = newslink;  
    document.getElementById("Hotnews").innerHTML = hwnewstr.substring(0,txti+1);   //    ，       txti+1   
    
    txti++;  //       
    txttimer = setInterval("shownew()",TextTime);   
  }
  shownew();

</script>
</body>
</html>

以上述べましたが、本論文の内容は全部です。javascriptを勉強するのに役に立つと思います。