是否可以控制typed.js插件何時啓動和停止鍵入文本？

jquery插件typed.js用於使文本顯示爲由機器人在屏幕上自動鍵入。我已經探索了關於插件的資源，但是我還沒有找到關於如何從打字開始和停止文本的任何信息。是否可以控制typed.js插件何時啓動和停止鍵入文本？

我的目標是在屏幕上輸入四個不同系列的文本，每個文本都可以通過單擊按鈕觸發。它們都位於同一個div的同一個空間內，所以如果點擊「按鈕A」，「文本A」開始輸入。如果在鍵入中途點擊「按鈕B」，則文本將被刪除，「文本B」將開始輸入。

爲了達到這個效果，我需要能夠控制typed.js何時啓動和停止輸入文本。這可能嗎？

2016-03-25 Etan Ginsberg

這裏是一個例子，展示了當你點擊一個按鈕時如何激活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/

來源：GitHub的項目typed.js的維基

來源

2016-03-25 02:11:48 ReverseCold

謝謝！單擊按鈕時是否可以停止輸入和/或重新開始輸入？ –

這可以起作用，因爲它在按鈕按鈕上啓動typed.js腳本。您可以使用另一個使用JQuery的STOP函數的按鈕：http://www.w3schools.com/jquery/eff_stop.asp - 至於重新開始輸入，只需停止它並重新啓動即可。 – ReverseCold

我似乎遇到了一些問題。這裏是我的代碼： $（「＃建築」）點擊（函數（E）{ \t $（函數（）{ \t $（」元素「）輸入（{ \t字符串：[」課程長度：1學期」，「信用：0.5」，「一些更多的文本」]， \t typeSpeed：0 \t}）; \t}）; }）; –

是否可以控制typed.js插件何時啓動和停止鍵入文本？

回答

相關問題