用js實現打字機效果

2021-08-30 11:40:26 字數 1203 閱讀 7807

1.難得有點時間,回憶下古詩文,順便練習下js,實現下打字機效果

春江花月夜

張若虛 唐

春江潮水連海平,海上明月共潮生。

灩灩隨波千萬里,何處春江無月明!

江流宛轉繞芳甸,月照花林皆似霰;

空裡流霜不覺飛,汀上白沙看不見。

江天一色無纖塵,皎皎空中孤月輪。

江畔何人初見月?江月何年初照人?

人生代代無窮已,江月年年只相似。

不知江月待何人,但見長江送流水。

白雲一片去悠悠,青楓浦上不勝愁。

誰家今夜扁舟子?何處相思明月樓?

可憐樓上月徘徊,應照離人妝鏡台。

玉戶簾中卷不去,擣衣砧上拂還來。

此時相望不相聞,願逐月華流照君。

鴻雁長飛光不度,魚龍潛躍水成文。

昨夜閒潭夢落花,可憐春半不還家。

江水流春去欲盡,江潭落月復西斜。

斜月沉沉藏海霧,碣石瀟湘無限路。

不知乘月幾人歸,落月搖情滿江樹。

html**就是要打的 內容,主要實現是js**,如下:

var charindex = -1;

var stringlength = 0;

var inputtext;

function writecontent(init)

if(charindex==-1)

var initstring = document.getelementbyid('mycontent').innerhtml;

initstring = initstring.replace(/_";

document.getelementbyid('mycontent').innerhtml = initstring;

charindex = charindex/1 +1;

if(charindex%2==1)else

if(charindex<=stringlength)else

}var currentstyle = 'inline';

function blinkspan()else

document.getelementbyid('blink').style.display = currentstyle;

settimeout('blinkspan()',100);

}

JQ實現打字機效果

目錄 一 前言 二 效果圖 三 本篇部落格記錄一下基於jquery實現的打字機效果 感興趣的可以一起學習學習。將下面 複製到html檔案中即可預覽效果。documenttitle head 這是一段打字機效果的文字 div script function else ele.html str.subs...

JavaScript 建立打字機效果

打字機效果是最常見的動態效果,使用string類可以非常輕鬆地實現這種效果。效果 這個效果主要是利用了間隔呼叫函式和substring方法,每次呼叫type 函式,就使用substring方法多讀取乙個字元,然後更新div裡的文字,實際上是每次用新的文字去替換舊的文字。由於是第一次寫js 所以剛開始...

java實現打字機效果的程式

audioclip hit,cr,ding boolean alreadyrun false,soundon false,loop false color bgcolor color.lightgray,textcolor color.black font font image offscreen,...