Want to learn |

The above paragraph is used on my homepage. Isn’t it cool? Here I use a very useful JS library: AutoTyping, which can play our preset text content in a loop and simulate the effect of input deletion.

Project address: https://tsanak.github.io/autotyping/

# import

To use it, first reference it in your html file:

<script src="https://s.learn2.cn/js/autotyping.min.js" ></script>

# use

Just add class="typeing" to the string you want to add or remove.

<h1>Want to learn<span class="typeing"></span><span class="light_2">|</span>< /h1>

Then add a script to run it:

<script>
document. addEventListener("DOMContentLoaded", function() {
    const typingText = ['New interest?', 'web programming?', 'painting?', 'Python programming?', 'writing skills?'];
    const typingTyping = new AutoTyping('.typing', typingText, {
   typeSpeed: 80,
   deleteSpeed: 80,
   waitBeforeDelete: 2000,
   waitBetweenWords: 500,
    });
    typingTyping. start()
});
</script>