js 實現自動打字
阿新 • • 發佈:2018-12-09
使用js程式碼使用自動打字案例,記錄一下。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>定時器</title> <script type="text/javascript"> var s = "我們的明天更加美好!Yeah!!!"; var i=0; var divObj; function init(){ divObj = document.getElementById("divId"); setInterval(show,300); } var show = function(){ if(i<=s.length) if(i==s.length) i=0; divObj.innerHTML=s.slice(0,i++)+"_"; } </script> </head> <body onload="init()" id="ob"> <div id="divId"></div> </body> </html>
slice() 方法可從已有的陣列中返回選定的元素。
語法
arrayObject.slice(start,end)
引數 描述 start 必需。規定從何處開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。 end 可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數,那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數,那麼它規定的是從陣列尾部開始算起的元素。
執行結果: