JavaScript實(shí)現(xiàn)打字效果的方法
更新時(shí)間：2015年07月10日 17:04:45 作者：dworry
這篇文章主要介紹了JavaScript實(shí)現(xiàn)打字效果的方法,可實(shí)現(xiàn)文字陸續(xù)出現(xiàn)的打字效果,涉及javascript時(shí)間函數(shù)及頁面元素獲取的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了JavaScript實(shí)現(xiàn)打字效果的方法。分享給大家供大家參考。具體實(shí)現(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js+css實(shí)現(xiàn)打字效果
- C++實(shí)現(xiàn)的打字母游戲示例
- javascript實(shí)現(xiàn)自動(dòng)輸出文本（打字特效）
- 基于Css3和JQuery實(shí)現(xiàn)打字機(jī)效果
- JavaScript模擬實(shí)現(xiàn)鍵盤打字效果
- C++實(shí)現(xiàn)類似延時(shí)停頓的打字效果
- javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(三)情景對(duì)話中仿打字機(jī)輸出文字
- JavaScript打字小游戲代碼
- javascript 打字效果的文字特效
- javascript 打字游戲?qū)崿F(xiàn)代碼
- javascript之textarea打字機(jī)效果提示代碼推薦
- C語言制作簡易金山打字通功能的代碼
相關(guān)文章
JS中LocalStorage與SessionStorage五種循序漸進(jìn)的使用方法
這篇文章主要介紹了JS中LocalStorage與SessionStorage五種循序漸進(jìn)的使用方法,需要的朋友可以參考下2017-07-07
js操作DOM--添加、刪除節(jié)點(diǎn)的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s操作DOM--添加、刪除節(jié)點(diǎn)的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
JS實(shí)現(xiàn)下拉菜單列表與登錄注冊(cè)彈窗效果
下面小編就為大家?guī)硪黄狫S實(shí)現(xiàn)下拉菜單列表與登錄注冊(cè)彈窗效果。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
小程序自定義導(dǎo)航欄兼容適配所有機(jī)型（附完整案例）
這篇文章主要介紹了小程序自定義導(dǎo)航欄兼容適配所有機(jī)型（附完整案例），文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
Javascript 一些需要注意的細(xì)節(jié)(必看篇)
下面小編就為大家?guī)硪黄狫avascript 一些需要注意的細(xì)節(jié)(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
Javascript中的return作用及javascript return關(guān)鍵字用法詳解
本文給大家介紹Javascript中的return作用及javascript return關(guān)鍵字用法詳解，對(duì)于大家學(xué)習(xí)javascript中的return知識(shí)有所幫助，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)碰撞檢測(cè)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細(xì)介紹了js Canvas繪制圓形時(shí)鐘教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了ES6 async、await的基本使用方法,結(jié)合實(shí)例形式分析了ES6 async、await的基本功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細(xì)介紹了JS組件Bootstrap Table使用方法，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下2016-02-02