タイプライターと設定継続時間

Question

HTML/JavaScript/jQueryのタイプライターエフェクト（例えばthis one）を使用したいが、アニメーションのデュレーション合計を指定する必要がある。たとえば、10秒に設定して文字列が「犬」の場合、アニメーションは非常に遅くなります。これは可能ですか？ありがとう。

Answer 1

私はthis oneと同じ機能を使用します。

これは本当に簡単です。その後、(settings.delay/settings.text[idx].length)ためdeleteString($tar, settings.delay, function() {変更settings.delayラインtypeString($tar, settings.text[idx], 0, settings.delay, function() {オンとライン上の

建設関数を呼び出し、必要な時間遅延（ミリ秒）オプションを渡します。例：

$('#target').teletype({ 
     delay: 10000, 
     text: [ 
     'dog', 
     'Lorem ipsum dolor sit amet, consetetur sadipscing elitr,', 
     'sed diam nonumy eirmod tempor invidunt ut labore et dolore', 
     'magna aliquyam erat, sed diam voluptua. At vero eos et', 
     'accusam et justo duo dolores et ea rebum. Stet clita kasd', 
     'gubergren, no sea takimata sanctus est Lorem ipsum dolor   sit', 
     'amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,', 
     'sed diam nonumy eirmod tempor invidunt ut labore et dolore', 
     'magna aliquyam erat, sed diam voluptua. At vero eos et   accusam', 
     'et justo duo dolores et ea rebum. Stet clita kasd gubergren,', 
     'no sea takimata sanctus est Lorem ipsum dolor sit amet.' 
     ] 
    });` 

Answer 2

あなたはtotalDelayのためのparamを受け入れ、新たな機能を追加するために、既存のプラグインを変更して、= totalDelay/str.lengthdelayで既存のtypeString関数を使用できます。