{"id":4793,"date":"2010-09-21T07:47:26","date_gmt":"2010-09-21T07:47:26","guid":{"rendered":"http:\/\/www.hometone.com\/?p=4793"},"modified":"2010-09-21T07:47:26","modified_gmt":"2010-09-21T07:47:26","slug":"dotkloka-digital-clock-with-multiple-time-animations","status":"publish","type":"post","link":"https:\/\/drprem.com\/guide\/dotkloka-digital-clock-with-multiple-time-animations\/","title":{"rendered":"DOTKLOK:A digital clock with multiple time animations"},"content":{"rendered":"<div class=\"38520354a5201685ddf480eec688e1a7\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block; text-align:center;\"\r\n     data-ad-layout=\"in-article\"\r\n     data-ad-format=\"fluid\"\r\n     data-ad-client=\"ca-pub-9477973674766713\"\r\n     data-ad-slot=\"8885944693\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<p><img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok_ACmro_24431.jpg\" alt=\"dotklok\" title=\"dotklok\" \/><\/p>\n<p>Designed by Andrew O&#8217;Malley, <a href=\"https:\/\/www.behance.net\/gallery\/DOTKLOK-(beta)\/704243\" target=\"_blank\" rel=\"noopener\">DOTKLOK<\/a> is the newest clock that tells time in innovative way. The digital clock kit makes watching the time a complete fun. It\u2019s a one-of-its-kind clock that tells time using multiple time-telling animations and some patterns. A single piece shows time in different ways such as a sentence, with words, or retro game displays. ATmega328 microprocessor running the Arduino bootloader makes the clock easily customized and updated by users. Even if the power goes off, the back-up battery of the clock is still capable of telling the time. The clock shows time in different modes that switches to different animation each day at midnight so that users can experience a new clock each day.<\/p><div class=\"38520354a5201685ddf480eec688e1a7\" data-index=\"2\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block; text-align:center;\"\r\n     data-ad-layout=\"in-article\"\r\n     data-ad-format=\"fluid\"\r\n     data-ad-client=\"ca-pub-9477973674766713\"\r\n     data-ad-slot=\"8885944693\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n\n<p><!--more--><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok1_B8icE_24431.jpg\" alt=\"dotklok1\" title=\"dotklok1\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok2_eQZcG_24431.jpg\" alt=\"dotklok2\" title=\"dotklok2\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok3_5Debh_24431.jpg\" alt=\"dotklok3\" title=\"dotklok3\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok4_B3TUy_24431.jpg\" alt=\"dotklok4\" title=\"dotklok4\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok5_zZGJC_24431.jpg\" alt=\"dotklok5\" title=\"dotklok5\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.hometone.com\/wp-content\/uploads\/2012\/07\/dotklok6_MllXb_24431.jpg\" alt=\"dotklok6\" title=\"dotklok6\" \/>    \t<\/p>\n<div class=\"38520354a5201685ddf480eec688e1a7\" data-index=\"3\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n          <p><a id=\"link-15\" href=\"\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <img decoding=\"async\" style=\"width:100%;height:auto;\" id=\"img-15\" src=\"\"><\/a><\/p>\r\n            <script>\r\n            var xmlhttp = new XMLHttpRequest();\r\n            xmlhttp.onreadystatechange = function() {\r\n              if (this.readyState == 4 && this.status == 200) {\r\n                var myObj = JSON.parse(this.responseText);\r\n                document.getElementById(\"link-\"+myObj.id).setAttribute('href',myObj.url);\r\n                document.getElementById(\"img-\"+myObj.id).setAttribute('src','https:\/\/fetch.drprem.com\/\/uploads\/'+myObj.image);\r\n              }\r\n            };\r\n            xmlhttp.open(\"GET\", \"https:\/\/fetch.drprem.com\/\/api\/Ads\/15\", true);\r\n            xmlhttp.send();\r\n            <\/script>\r\n        \r\n        <style>\r\n        *{box-sizing:border-box}.top-container{display: grid;grid-template-columns: auto auto auto;}.column{float:left;width:100%;padding: 0 7.5px 15px 7.5px;}.row{margin:0 -5px}.row:after{content:\"\";display:table;clear:both}@media screen and (max-width: 600px){.top-container{display: block;grid-template-columns: unset;}.column{width:100%;display:block;margin-bottom:20px}}.card{text-align:center;}.card_image img{width:100%}.card_body{padding:15px}.card_title{font-size: 14px;line-height: 19px;text-decoration: none;text-align:left;color: #333;}.card-heading{text-align: left;margin-bottom: 25px !important;}\r\n        <\/style>\r\n        <div class=\"row todays-top\">\r\n            <h3 class=\"card-heading\"> Recent Articles: <\/h3><div class=\"top-container\" id=\"todays-top\">\r\n        <\/div>\r\n        <\/div>\r\n        <script>\r\n            var xmlhttp = new XMLHttpRequest();\r\n            xmlhttp.onreadystatechange = function() {\r\n            if (this.readyState == 4 && this.status == 200) {\r\n            var myObj = JSON.parse(this.responseText); \r\n            myObj.forEach(function(item) {\r\n            document.getElementById('todays-top').innerHTML += '<div class=\"column\"><div class=\"card\"><div class=\"card_image\"><a href=\"'+item.url+'\"><img decoding=\"async\" src=\"'+item.image+'\"><\/a><\/div><div class=\"card_body\"><a href=\"'+item.url+'\"><h3 class=\"card_title\">'+item.title+'<\/h3><\/a><a href=\"'+item.url+'\">Read more<\/a><\/div><\/div><\/div>';\r\n            });\r\n            }\r\n            };\r\n            xmlhttp.open(\"GET\", \"https:\/\/fetch.drprem.com\/api\/Drprem_blogs\", true);\r\n            xmlhttp.send();\r\n            <\/script>\r\n        \r\n        \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<style>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/style>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"videoWrapper\" id=\"video_7\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<script>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar xmlhttp = new XMLHttpRequest();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            xmlhttp.onreadystatechange = function() {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            if (this.readyState == 4 && this.status == 200) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                var myObj = JSON.parse(this.responseText);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                document.getElementById(\"video_\"+myObj.id).innerHTML = myObj.embed_video_code;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            };\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            xmlhttp.open(\"GET\", \"https:\/\/fetch.drprem.com\/api\/Videos\/7\", true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            xmlhttp.send();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/script>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n<\/div>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Designed by Andrew O&#8217;Malley, DOTKLOK is the newest clock that tells time in innovative way. The digital clock kit makes watching the time a complete fun. It\u2019s a one-of-its-kind clock that tells time using multiple time-telling animations and some&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[31],"tags":[],"class_list":["post-4793","post","type-post","status-publish","format-standard","hentry","category-home-improvement-guide"],"_links":{"self":[{"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/posts\/4793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/comments?post=4793"}],"version-history":[{"count":0,"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/posts\/4793\/revisions"}],"wp:attachment":[{"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/media?parent=4793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/categories?post=4793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/drprem.com\/guide\/wp-json\/wp\/v2\/tags?post=4793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}