2016-03-25 9 views
0

jqueryプラグインのtyped.jsは、ロボットによってテキストが自動的に画面に表示されるようにするために使用されます。私はプラグインを取り巻くリソースを探ったが、テキストの入力を開始したり停止したりする方法についての情報は見つけられていない。typed.jsプラグインの開始と停止の制御は可能ですか?

私の目標は、画面に入力される4つの異なる一連のテキストを持ち、ボタンをクリックすることでそれぞれがトリガーされるようにすることです。それらはすべて同じdiv内の同じスペース内に配置されるので、「ボタンA」をクリックすると、「テキストA」の入力が開始されます。入力の途中で「ボタンB」をクリックすると、テキストが削除され、「テキストB」が入力されます。

この効果を得るには、typed.jsがいつ入力を開始し、停止するかを制御できる必要があります。これは可能ですか?

答えて

1

ここでは、ボタンをクリックしたときにtyped.jsをアクティブにする方法を示す例を示します。これは、必要なときにタイプすることができます。

Javascriptを:

$(function() { 
    var options = { 
     strings: ["First sentence.", "Second sentence."], 
     typeSpeed: 0 
    } 
    $("button").click(function() { 
     $(".element").typed(options); 
    }); 
}); 

HTML:

<span class="element"></span><br /> 
<button>Type!</button> 

JSFiddle:http://jsfiddle.net/mattboldt/tcRUG/

出典:typed.js

+0

のGitHubのプロジェクトのWikiのは、ありがとうございます!入力のやり直しやボタンのクリックによる入力の再開は可能ですか? –

+0

これは、ボタンが押されたときにtyped.jsスクリプトを開始するために機能します。 JQueryのSTOP機能を使用する別のボタンを使用することもできます。http://www.w3schools.com/jquery/eff_stop.asp - 入力を再開するには、単に停止してから再開します。 – ReverseCold

+0

私はいくつかの問題を抱えているようです。ここに私のコードです:。。 $( "#アーキテクチャ"()関数(E){ \t $(関数(){ \t $(」。要素 ")型付け({ \t文字列をクリックしてください:[" コースの長さ「1学期」、「クレジット:0.5」、「一部のテキスト」]、 \tタイプスピード:0 \t}); \t}); }); –

関連する問題