{"id":3083,"date":"2018-12-06T01:40:14","date_gmt":"2018-12-06T01:40:14","guid":{"rendered":"http:\/\/dev-hdd.pantheonsite.io\/?p=3083"},"modified":"2018-12-06T02:17:05","modified_gmt":"2018-12-06T02:17:05","slug":"add-typewriter-text-to-your-webpage","status":"publish","type":"post","link":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/","title":{"rendered":"Add Typewriter Text to your webpage"},"content":{"rendered":"<div>How to add Typewriter Text to a webpage with some easy javascript.<\/div>\n<div><\/div>\n<div>First let create a div where the text will be displayed:<\/div>\n<div><\/div>\n<div>\n<pre class=\"line-numbers\"><code class=\"language-html\">&lt;p id=\"typewriter\"&gt;&lt;\/p&gt;<\/code><\/pre>\n<\/div>\n<div><\/div>\n<div>Here is the simple JavaScript:<\/div>\n<div><\/div>\n<div>\n<pre class=\"line-numbers\"><code class=\"language-javascript\">&lt;script&gt;\r\nvar i = 0;\r\nvar txt = 'I am Typewriter Text. See me type.';\r\nvar speed = 50;\r\n\r\nfunction typeWriter() {\r\nif (i &lt; txt.length) {\r\ndocument.getElementById(\"typewriter\").innerHTML += txt.charAt(i);\r\ni++;\r\nsetTimeout(typeWriter, speed);\r\n}\r\n}\r\n&lt;\/script&gt;<\/code><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How to add Typewriter Text to a webpage with some easy javascript. First let create a div where the text will be displayed: &lt;p id=&#8221;typewriter&#8221;&gt;&lt;\/p&gt; Here is the simple JavaScript: &lt;script&gt; var i = 0; var txt = &#8216;I am<\/p>\n","protected":false},"author":1,"featured_media":3091,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[27],"tags":[],"acf":false,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Typewriter Text to your webpage - Hyperdrive Designs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Typewriter Text to your webpage - Hyperdrive Designs\" \/>\n<meta property=\"og:description\" content=\"How to add Typewriter Text to a webpage with some easy javascript. First let create a div where the text will be displayed: &lt;p id=&quot;typewriter&quot;&gt;&lt;\/p&gt; Here is the simple JavaScript: &lt;script&gt; var i = 0; var txt = &#039;I am\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Hyperdrive Designs\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-06T01:40:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-06T02:17:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hyperdrivedesigns.com\/wp-content\/uploads\/2018\/12\/javascript-post.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2250\" \/>\n\t<meta property=\"og:image:height\" content=\"1875\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Darren\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Darren\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/\",\"url\":\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/\",\"name\":\"Add Typewriter Text to your webpage - Hyperdrive Designs\",\"isPartOf\":{\"@id\":\"https:\/\/hyperdrivedesigns.com\/#website\"},\"datePublished\":\"2018-12-06T01:40:14+00:00\",\"dateModified\":\"2018-12-06T02:17:05+00:00\",\"author\":{\"@id\":\"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6\"},\"breadcrumb\":{\"@id\":\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hyperdrivedesigns.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Typewriter Text to your webpage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/#website\",\"url\":\"https:\/\/hyperdrivedesigns.com\/\",\"name\":\"Hyperdrive Designs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hyperdrivedesigns.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6\",\"name\":\"Darren\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g\",\"caption\":\"Darren\"},\"url\":\"https:\/\/hyperdrivedesigns.com\/author\/darren\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Typewriter Text to your webpage - Hyperdrive Designs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/","og_locale":"en_US","og_type":"article","og_title":"Add Typewriter Text to your webpage - Hyperdrive Designs","og_description":"How to add Typewriter Text to a webpage with some easy javascript. First let create a div where the text will be displayed: &lt;p id=\"typewriter\"&gt;&lt;\/p&gt; Here is the simple JavaScript: &lt;script&gt; var i = 0; var txt = 'I am","og_url":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/","og_site_name":"Hyperdrive Designs","article_published_time":"2018-12-06T01:40:14+00:00","article_modified_time":"2018-12-06T02:17:05+00:00","og_image":[{"width":2250,"height":1875,"url":"https:\/\/hyperdrivedesigns.com\/wp-content\/uploads\/2018\/12\/javascript-post.png","type":"image\/png"}],"author":"Darren","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Darren"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/","url":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/","name":"Add Typewriter Text to your webpage - Hyperdrive Designs","isPartOf":{"@id":"https:\/\/hyperdrivedesigns.com\/#website"},"datePublished":"2018-12-06T01:40:14+00:00","dateModified":"2018-12-06T02:17:05+00:00","author":{"@id":"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6"},"breadcrumb":{"@id":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hyperdrivedesigns.com\/add-typewriter-text-to-your-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hyperdrivedesigns.com\/"},{"@type":"ListItem","position":2,"name":"Add Typewriter Text to your webpage"}]},{"@type":"WebSite","@id":"https:\/\/hyperdrivedesigns.com\/#website","url":"https:\/\/hyperdrivedesigns.com\/","name":"Hyperdrive Designs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hyperdrivedesigns.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/ebe58380b732488b142b848d7f2d5de6","name":"Darren","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hyperdrivedesigns.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/61c792a261f8e4429cdeb8262d69c3bf?s=96&d=mm&r=g","caption":"Darren"},"url":"https:\/\/hyperdrivedesigns.com\/author\/darren\/"}]}},"_links":{"self":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/posts\/3083"}],"collection":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/comments?post=3083"}],"version-history":[{"count":0,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/posts\/3083\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/media\/3091"}],"wp:attachment":[{"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/media?parent=3083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/categories?post=3083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyperdrivedesigns.com\/wp-json\/wp\/v2\/tags?post=3083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}