{"id":682,"date":"2016-12-17T21:17:50","date_gmt":"2016-12-17T21:17:50","guid":{"rendered":"https:\/\/resoundingechoes.net\/?p=682"},"modified":"2016-12-17T21:57:10","modified_gmt":"2016-12-17T21:57:10","slug":"creating-clock-html-css-javascript","status":"publish","type":"post","link":"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/","title":{"rendered":"Creating A Clock With HTML, CSS, and JavaScript"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"full-width-content","footnotes":""},"categories":[5],"tags":[9,19],"class_list":{"0":"post-682","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-development","7":"tag-javascript","8":"tag-js30","9":"entry","10":"has-post-thumbnail"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating A Clock With HTML, CSS, and JavaScript | ResoundingEchoes<\/title>\n<meta name=\"description\" content=\"This post explains how I made a clock using HTML, CSS, and JS. The example is based on Day 2 of the 30 Day Vanilla JS Challenge.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating A Clock With HTML, CSS, and JavaScript | ResoundingEchoes\" \/>\n<meta property=\"og:description\" content=\"This post explains how I made a clock using HTML, CSS, and JS. The example is based on Day 2 of the 30 Day Vanilla JS Challenge.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"ResoundingEchoes\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-17T21:17:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-17T21:57:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/resoundingechoes.net\/wp-content\/uploads\/blurry-clock.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Michael Hull\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"3 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/resoundingechoes.net\/#website\",\"url\":\"https:\/\/resoundingechoes.net\/\",\"name\":\"ResoundingEchoes\",\"description\":\"The Volume Just Increases\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/resoundingechoes.net\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/resoundingechoes.net\/wp-content\/uploads\/blurry-clock.jpg\",\"width\":1080,\"height\":255,\"caption\":\"Blurry Clock pointing to the number 3\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/#webpage\",\"url\":\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/\",\"name\":\"Creating A Clock With HTML, CSS, and JavaScript | ResoundingEchoes\",\"isPartOf\":{\"@id\":\"https:\/\/resoundingechoes.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/#primaryimage\"},\"datePublished\":\"2016-12-17T21:17:50+00:00\",\"dateModified\":\"2016-12-17T21:57:10+00:00\",\"author\":{\"@id\":\"https:\/\/resoundingechoes.net\/#\/schema\/person\/2c60279e6b9f02a1e8e8d6e3594efe15\"},\"description\":\"This post explains how I made a clock using HTML, CSS, and JS. The example is based on Day 2 of the 30 Day Vanilla JS Challenge.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/resoundingechoes.net\/development\/creating-clock-html-css-javascript\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/resoundingechoes.net\/#\/schema\/person\/2c60279e6b9f02a1e8e8d6e3594efe15\",\"name\":\"Michael Hull\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/resoundingechoes.net\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/884fe8446291cf7f3026f1e0ea0a7e05af2b52020f877557123dcf2dbf39a02a?s=96&d=mm&r=g\",\"caption\":\"Michael Hull\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/posts\/682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/comments?post=682"}],"version-history":[{"count":16,"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/posts\/682\/revisions"}],"predecessor-version":[{"id":705,"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/posts\/682\/revisions\/705"}],"wp:attachment":[{"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/media?parent=682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/categories?post=682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/resoundingechoes.net\/wp-json\/wp\/v2\/tags?post=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}