JavaScript實現簡單的文本逐字打印效果示例
來源：懂視網
責編：小采
時間：2020-11-27 22:16:54
JavaScript實現簡單的文本逐字打印效果示例
JavaScript實現簡單的文本逐字打印效果示例:本文實例講述了JavaScript實現簡單的文本逐字打印效果。分享給大家供大家參考，具體如下： 先來看看運行效果： 具體代碼如下： <!DOCTYPE> <html> <head> <title>www.gxlcms.com js打字效果</tit
導讀JavaScript實現簡單的文本逐字打印效果示例:本文實例講述了JavaScript實現簡單的文本逐字打印效果。分享給大家供大家參考，具體如下： 先來看看運行效果： 具體代碼如下： <!DOCTYPE> <html> <head> <title>www.gxlcms.com js打字效果</tit
本文實例講述了JavaScript實現簡單的文本逐字打印效果。分享給大家供大家參考，具體如下：
先來看看運行效果：
具體代碼如下：
<!DOCTYPE>
<html>
<head>
<title>www.gxlcms.com js打字效果</title>
<meta charset="utf-8">
</head>
<style type="text/css">
div {
width:980px;
margin:10px auto;
background:#F3E6EA;
border:2px outset #f9c6aa;
color:green;
}
</style>
<script type="text/javascript">
var i=1;
function write()
{
var id=document.getElementById("main");
var msg="JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可JS打字機效果 ，原理很簡單：每次多獲取一個待打出的字符串的值，輸出，覆蓋原來輸出的內容即可";
var len=msg.length;
var msg1=msg.substring(0,i);
id.innerHTML=msg1;
if(i==len){clearInterval(t)}
else
i++;
}
function time1()
{
var t=setInterval(function(){write()},50);
}
</script>
<body onload=time1()>
<div id="main"></div>
</body>
</html>
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript運動效果與技巧匯總》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JavaScript實現簡單的文本逐字打印效果示例
JavaScript實現簡單的文本逐字打印效果示例:本文實例講述了JavaScript實現簡單的文本逐字打印效果。分享給大家供大家參考，具體如下： 先來看看運行效果： 具體代碼如下： <!DOCTYPE> <html> <head> <title>www.gxlcms.com js打字效果</tit
