Kumar Lakshmanan
Home
Features
More
Home
HTML CSS JS
Automatic Typewriter effect using Simple JS
Automatic Typewriter effect using Simple JS
Kumar Lakshmanan
11:15 AM
HTML CSS JS
Document
Real time example
Click to start
Inspect this HTML Source Code
<!DOCTYPE html> <html> <style> #click{border: 2px solid black;background: green;padding: 10px;font-size: 20px;cursor: pointer;} #type{font-size: 20px;font-weight:700;font-family: monospace;letter-spacing: 1.3px;} </style> <body> <center><button id="click" onclick="typer()">Click me</button></center> <p id="type"></p> <script> var i = 0; var kumar = 'This website is created by Kumar Lakshmanan ...'; var fast = 80;//if you want change the speed of typing. function typer() { if (i <= kumar.length) { document.getElementById("type").innerHTML += kumar.charAt(i); i++; setTimeout(typer, fast); }} </script> </body> </html>
Download this HTML Source Code
HTML Source File
Also Read
Button Hover Effect Version-3
Pre Loader Version-2
Image Slideshow Version-2
Sunlight Effect Button
12 Modal Checkboxes
HTML CSS JS
Javascript points
Post a Comment
0 Comments
Labels
Buttons
(6)
Calculator
(3)
Clock
(2)
Entertainment
(2)
Forms
(6)
HTML CSS JS
(26)
Javascript points
(9)
Love
(2)
Menu HamBurger
(2)
Pre Loaders
(4)
Tamil News
(2)
Join Our Whatsapp Group
Join
Search This Blog
Popular Posts
Disco Lights Animation using CSS
Facebook Login page - Mobile
Pre-Loader version-3
Fresh CSS Button Version-3
Total Pageviews
Contact Form
Name
Email
*
Message
*
0 Comments