<tutorialjinni.com/>

TypeWriter Effect JavaScript

Posted Under: HTML5, JavaScript, Tutorials on Feb 14, 2023
TypeWriter Effect JavaScript
Typing text or typewriter effect is a great and appealing effect. In this tutorial i will show you a simple ultra light weight JavaScript library that this task efficiently and effectively. iTyped.js is dead simple to use and it has no dependencies whatsoever. Just drop it via CDN and invoke it.
<script src="https://cdn.tutorialjinni.com/ityped/1.0.3/index.min.js"></script>
iTyped.js supports multiple languages. It can be called multiple number of times on a page.



<html>
<head>
    <title>TypeWriter Effect JavaScript | iTyped.js</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- iTyped.js CDN Link -->
    <script src="https://cdn.tutorialjinni.com/ityped/1.0.3/index.min.js"></script>

</head>
<body>
    <div id="wrapper">
        <span id="typewriter"></span>
    </div>

    <script>
        ityped.init('#typewriter', {
            strings:[
                'Dead simple animated typed.',
                'الرسوم المتحركة الميتة بسيطة مكتوبة',
                'No jQuery dependency.',
                'Tiny size: <3kb.',
                'Just install and Enjoy!'
                ],
            startDelay: 200,
            loop: true
        });
    </script>
</body>
</html>



imgae