https://krokus.tv/templates/krokus-news/ddd.js

1// DISCLAIMER: This function does require jQuery. I've used it here because the project I'm building this for already uses jQuery, so I thought why not. It can be modified quite simply to be done in raw JavaScript.  Just thought I'd let you know.
2
3
4
5
6// This is the funtion you need to copy
7// Copy from line 9 to 34
8
9function autoType(elementClass, typingSpeed){
10  var thhis = $(elementClass);
11  thhis.css({
12    "position": "relative",
13    "display": "inline-block"
14  });
15  thhis.prepend('<div class="cursor" style="right: initial; left:0;"></div>');
16  thhis = thhis.find(".tagsall");
17  var text = thhis.text().trim().split('');
18  var amntOfChars = text.length;
19  var newString = "";
20  thhis.text("|");
21  setTimeout(function(){
22    thhis.css("opacity",1);
23    thhis.prev().removeAttr("style");
24    thhis.text("");
25    for(var i = 0; i < amntOfChars; i++){
26      (function(i,char){
27        setTimeout(function() {        
28          newString += char;
29          thhis.text(newString);
30        },i*typingSpeed);
31      })(i+1,text[i]);
32    }
33  },1500);
34}
35
36$(document).ready(function(){
37  // Now to start autoTyping just call the autoType function with the 
38  // class of outer div
39  // The second paramter is the speed between each letter is typed.   
40  autoType(".tagsall",200);
41});