How to use typed.js

Hello Web Developers,

Today, I am going to show you how to build simple and short Typewriter JS. Here you can find easy and quick js code for Typewriter JS.

For that follow my below little steps:

1). Put below js in the head section your PHP file.  And Required JS can be downloaded from below link of typed.min.js

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<script src="js/typed.min.js" type="text/javascript"></script>
<script>
$(function(){
$("#typed").typed({
stringsElement: $('#typed-strings'),
typeSpeed: 30,
backDelay: 500,
loop: false,
contentType: 'html',
loopCount: false,
loop: true,
});
});
</script>

2). Create simple Html Text in file. put my below code in your file.

<div class="type-wrap">
<div id="typed-strings"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div>
<span id="typed" style="white-space:pre;"></span> 
</div>

Output will be there as below:

Thanks for stopping by and have a great day 🙂