JavaScript實現(xiàn)打字效果的方法
更新時間：2015年07月10日 17:04:45 作者：dworry
這篇文章主要介紹了JavaScript實現(xiàn)打字效果的方法,可實現(xiàn)文字陸續(xù)出現(xiàn)的打字效果,涉及javascript時間函數(shù)及頁面元素獲取的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)打字效果的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<input type="button" onclick='start("高考了")' value="start"/>
<input type="text" id="here" />
<script type="text/javascript">
function start(str1)
{
str=str1;
len=str.length;
i=0;
dwrite();
}
function dwrite()
{
document.getElementById('here').value=document.getElementById('here').value + str.charAt(i);
if( i++ ==len )
{
i=0;
return true;
}
setTimeout('dwrite()',500);
}
</script>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- js+css實現(xiàn)打字效果
- C++實現(xiàn)的打字母游戲示例
- javascript實現(xiàn)自動輸出文本（打字特效）
- 基于Css3和JQuery實現(xiàn)打字機效果
- JavaScript模擬實現(xiàn)鍵盤打字效果
- C++實現(xiàn)類似延時停頓的打字效果
- javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(三)情景對話中仿打字機輸出文字
- JavaScript打字小游戲代碼
- javascript 打字效果的文字特效
- javascript 打字游戲?qū)崿F(xiàn)代碼
- javascript之textarea打字機效果提示代碼推薦
- C語言制作簡易金山打字通功能的代碼
相關(guān)文章
這篇文章主要介紹了微信小程序文章詳情功能,結(jié)合完整實例形式詳細分析了微信小程序文章詳情功能具體步驟、原理及功能實現(xiàn)技巧,需要的朋友可以參考下2020-06-06
刪除表格的第一個tbody2008-11-11
JS事件循環(huán)機制,最常用到的地方應該是做面試題,經(jīng)常給出一段代碼,讓你寫出console.log()順序,下面這篇文章主要給大家介紹了關(guān)于js事件循環(huán)機制的相關(guān)資料,需要的朋友可以參考下2021-06-06
這篇文章主要為大家詳細介紹了javascript設(shè)計模式之裝飾者模式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
js實現(xiàn)的簡潔網(wǎng)頁滑動tab菜單效果代碼
這篇文章主要介紹了js實現(xiàn)的簡潔網(wǎng)頁滑動tab菜單效果代碼,可實現(xiàn)簡單的鼠標滑過tab標簽切換的功能,非常簡單實用,需要的朋友可以參考下2015-08-08
沒啥技術(shù)含量的隨機抽取，需要的朋友可以參考下。2010-12-12
當某個元素，如：div，同時綁定了click事件和dblclick事件，而這兩個事件又要處理相對獨立的業(yè)務(wù)，也就是click的時候不能觸發(fā)dblclick，dblclick的時候不能觸發(fā)click2012-07-07
本片文章主要介紹String 對象的屬性方法等并進行舉例說明,小編認為對大家學習JavaScript是有所幫助的，需要朋友的可以看下2016-11-11
移動端Web需要照顧觸摸操作的體驗,以及更多的屏幕旋轉(zhuǎn)與尺寸適配等問題,非常瑣碎,在這里為大家傾力總結(jié)40條常見的移動端Web頁面問題解決方案,歡迎收看收藏!2016-05-05
這篇文章主要介紹了html的DOM中Event對象onabort事件用法,實例分析了onabort事件的適用范圍與對應的javascript使用技巧,需要的朋友可以參考下2015-01-01