{"id":1390,"date":"2016-04-13T19:18:32","date_gmt":"2016-04-13T19:18:32","guid":{"rendered":"https:\/\/www.codexworld.com\/?p=1390"},"modified":"2016-04-22T16:09:53","modified_gmt":"2016-04-22T16:09:53","slug":"create-digital-clock-with-date-javascript","status":"publish","type":"post","link":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/","title":{"rendered":"Create Digital Clock with Date using JavaScript"},"content":{"rendered":"
\"create-digital-clock-with-date-javascript-by-codexworld\"<\/div>\n

JavaScript Date object is used to work with dates and times. Date object is created with new Date()<\/code>. Using Date object, you can create a digital clock in JavaScript. In this article, we’ll show the simplest way to make a digital clock with date using JavaScript. Our easy to use JavaScript code helps to create a digital clock in your web project instantly.<\/p>\n

Here you can get three types of clock format, clock with 24 hours, clock with 12 hours, and clock with current date. At first, the javaScript code is provided and then the HTML code.<\/p>\n

JavaScript Code<\/h2>\n

In startTime()<\/code> function, new Date()<\/code> is used to define the current Date object. Hours, Minutes, Seconds, Day, Date, Month, and Year are extracted from the Date object using getHours()<\/code>, getMinutes()<\/code>, getSeconds()<\/code>, getDay()<\/code>, getDate()<\/code>, getMonth()<\/code>, and getFullYear() <\/code> respectively.<\/p>\n

At the end of startTime()<\/code> function, setTimeout()<\/code> method is used to calls startTime()<\/code> function every 500 milliseconds. On page load startTime()<\/code> is executed by the <body<\/span>> onload event attribute.<\/p>\n

Digital Clock with 24 hours Format:<\/b><\/p>\n

function<\/span> startTime<\/span>() {\r\n    var<\/span> today =<\/span> new<\/span> Date<\/span>();\r\n    var<\/span> hr =<\/span> today.getHours<\/span>();\r\n    var<\/span> min =<\/span> today.getMinutes<\/span>();\r\n    var<\/span> sec =<\/span> today.getSeconds<\/span>();\r\n    \/\/Add a zero in front of numbers<10<\/span>\r\n    min =<\/span> checkTime(min);\r\n    sec =<\/span> checkTime(sec);\r\n    document<\/span>.getElementById<\/span>(\"clock\"<\/span>).innerHTML =<\/span> hr +<\/span> \" : \"<\/span> +<\/span> min +<\/span> \" : \"<\/span> +<\/span> sec;\r\n    var<\/span> time =<\/span> setTimeout<\/span>(function<\/span>(){ startTime() }, 500<\/span>);\r\n}\r\nfunction<\/span> checkTime<\/span>(i) {\r\n    if<\/span> (i <<\/span> 10<\/span>) {\r\n        i =<\/span> \"0\"<\/span> +<\/span> i;\r\n    }\r\n    return<\/span> i;\r\n}\r\n<\/pre>\n
Digital Clock with 12 hours Format:<\/b><\/p>\n
function<\/span> startTime<\/span>() {\r\n    var<\/span> today =<\/span> new<\/span> Date<\/span>();\r\n    var<\/span> hr =<\/span> today.getHours<\/span>();\r\n    var<\/span> min =<\/span> today.getMinutes<\/span>();\r\n    var<\/span> sec =<\/span> today.getSeconds<\/span>();\r\n    ap =<\/span> (hr <<\/span> 12<\/span>) ? \"<span>AM<\/span>\"<\/span> : \"<span>PM<\/span>\"<\/span>;\r\n    hr =<\/span> (hr ==<\/span> 0<\/span>) ? 12<\/span> : hr;\r\n    hr =<\/span> (hr ><\/span> 12<\/span>) ? hr -<\/span> 12<\/span> : hr;\r\n    \/\/Add a zero in front of numbers<10<\/span>\r\n    hr =<\/span> checkTime(hr);\r\n    min =<\/span> checkTime(min);\r\n    sec =<\/span> checkTime(sec);\r\n    document<\/span>.getElementById<\/span>(\"clock\"<\/span>).innerHTML =<\/span> hr +<\/span> \" : \"<\/span> +<\/span> min +<\/span> \" : \"<\/span> +<\/span> sec +<\/span> \" \"<\/span> +<\/span> ap;\r\n    var<\/span> time =<\/span> setTimeout<\/span>(function<\/span>(){ startTime() }, 500<\/span>);\r\n}\r\nfunction<\/span> checkTime<\/span>(i) {\r\n    if<\/span> (i <<\/span> 10<\/span>) {\r\n        i =<\/span> \"0\"<\/span> +<\/span> i;\r\n    }\r\n    return<\/span> i;\r\n}\r\n<\/pre>\n
Digital Clock with Current Date:<\/b><\/p>\n
function<\/span> startTime<\/span>() {\r\n    var<\/span> today =<\/span> new<\/span> Date<\/span>();\r\n    var<\/span> hr =<\/span> today.getHours<\/span>();\r\n    var<\/span> min =<\/span> today.getMinutes<\/span>();\r\n    var<\/span> sec =<\/span> today.getSeconds<\/span>();\r\n    ap =<\/span> (hr <<\/span> 12<\/span>) ? \"<span>AM<\/span>\"<\/span> : \"<span>PM<\/span>\"<\/span>;\r\n    hr =<\/span> (hr ==<\/span> 0<\/span>) ? 12<\/span> : hr;\r\n    hr =<\/span> (hr ><\/span> 12<\/span>) ? hr -<\/span> 12<\/span> : hr;\r\n    \/\/Add a zero in front of numbers<10<\/span>\r\n    hr =<\/span> checkTime(hr);\r\n    min =<\/span> checkTime(min);\r\n    sec =<\/span> checkTime(sec);\r\n    document<\/span>.getElementById<\/span>(\"clock\"<\/span>).innerHTML =<\/span> hr +<\/span> \":\"<\/span> +<\/span> min +<\/span> \":\"<\/span> +<\/span> sec +<\/span> \" \"<\/span> +<\/span> ap;\r\n    \r\n    var<\/span> months =<\/span> ['January'<\/span>, 'February'<\/span>, 'March'<\/span>, 'April'<\/span>, 'May'<\/span>, 'June'<\/span>, 'July'<\/span>, 'August'<\/span>, 'September'<\/span>, 'October'<\/span>, 'November'<\/span>, 'December'<\/span>];\r\n    var<\/span> days =<\/span> ['Sun'<\/span>, 'Mon'<\/span>, 'Tue'<\/span>, 'Wed'<\/span>, 'Thu'<\/span>, 'Fri'<\/span>, 'Sat'<\/span>];\r\n    var<\/span> curWeekDay =<\/span> days[today.getDay<\/span>()];\r\n    var<\/span> curDay =<\/span> today.getDate<\/span>();\r\n    var<\/span> curMonth =<\/span> months[today.getMonth<\/span>()];\r\n    var<\/span> curYear =<\/span> today.getFullYear<\/span>();\r\n    var<\/span> date =<\/span> curWeekDay+<\/span>\", \"<\/span>+<\/span>curDay+<\/span>\" \"<\/span>+<\/span>curMonth+<\/span>\" \"<\/span>+<\/span>curYear;\r\n    document<\/span>.getElementById<\/span>(\"date\"<\/span>).innerHTML =<\/span> date;\r\n    \r\n    var<\/span> time =<\/span> setTimeout<\/span>(function<\/span>(){ startTime() }, 500<\/span>);\r\n}\r\nfunction<\/span> checkTime<\/span>(i) {\r\n    if<\/span> (i <<\/span> 10<\/span>) {\r\n        i =<\/span> \"0\"<\/span> +<\/span> i;\r\n    }\r\n    return<\/span> i;\r\n}\r\n<\/pre>\n
HTML Code<\/h2>\n
Atfirst add onload Event Attribute within the <body<\/span>> element to execute setTimeout()<\/code> function on page load.<\/p>\n
<body<\/span> onload<\/span>=\"startTime()\"<\/span>>\r\n<\/pre>\n
HTML to display digital clock:<\/p>\n
<div<\/span> id<\/span>=<\/span>\"clockdate\"<\/span>>\r\n  <div<\/span> class<\/span>=\"clockdate-wrapper\"<\/span>>\r\n    <div<\/span> id<\/span>=<\/span>\"clock\"<\/span>><\/div<\/span>>\r\n    <div<\/span> id<\/span>=<\/span>\"date\"<\/span>><\/div<\/span>>\r\n  <\/div<\/span>>\r\n<\/div<\/span>>\r\n<\/pre>\n
CSS<\/h2>\n
You can style digital clock as per your web page layout. Here the following CSS code is used to the basic styling of a digital clock.<\/p>\n
.clockdate-wrapper<\/span> {\r\n    background-color<\/span>:<\/span> #333<\/span>;\r\n    padding<\/span>:<\/span>25px<\/span><\/span>;\r\n    max-width<\/span>:<\/span>350px<\/span><\/span>;\r\n    width<\/span>:<\/span>100%<\/span><\/span>;\r\n    text-align<\/span>:<\/span>center<\/span>;\r\n    border-radius<\/span>:<\/span>5px<\/span><\/span>;\r\n    margin<\/span>:<\/span>0<\/span> auto<\/span>;\r\n    margin-top<\/span>:<\/span>15%<\/span><\/span>;\r\n}\r\n#clock<\/span>{\r\n    background-color<\/span>:<\/span>#333<\/span>;\r\n    font-family<\/span>:<\/span> sans-serif<\/span>;\r\n    font-size<\/span>:<\/span>60px<\/span><\/span>;\r\n    text-shadow<\/span>:<\/span>0px<\/span><\/span> 0px<\/span><\/span> 1px<\/span><\/span> #fff<\/span>;\r\n    color<\/span>:<\/span>#fff<\/span>;\r\n}\r\n#clock<\/span> span<\/span> {\r\n    color<\/span>:<\/span>#888<\/span>;\r\n    text-shadow<\/span>:<\/span>0px<\/span><\/span> 0px<\/span><\/span> 1px<\/span><\/span> #333<\/span>;\r\n    font-size<\/span>:<\/span>30px<\/span><\/span>;\r\n    position<\/span>:<\/span>relative<\/span>;\r\n    top<\/span>:<\/span>-27px<\/span><\/span>;\r\n    left<\/span>:<\/span>-10px<\/span><\/span>;\r\n}\r\n#date<\/span> {\r\n    letter-spacing<\/span>:<\/span>10px<\/span><\/span>;\r\n    font-size<\/span>:<\/span>14px<\/span><\/span>;\r\n    font-family<\/span>:<\/span>arial<\/span>,sans-serif<\/span>;\r\n    color<\/span>:<\/span>#fff<\/span>;\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
JavaScript Date object is used to work with dates and times. Date object is created with new Date(). Using Date object, you can create a digital clock in JavaScript. In this article, we’ll show the <\/p>\n","protected":false},"author":1,"featured_media":1391,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[10],"tags":[167,168,66,169],"class_list":["post-1390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-clock","tag-date","tag-javascript","tag-time","cat-10-id","has_thumb"],"yoast_head":"\nCreate Digital Clock with Date using JavaScript - CodexWorld<\/title>\n<meta name=\"description\" content=\"JavaScript Digital Clock with Date - Step-by-step guide and simple code to create digital clock with date using JavaScript.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Digital Clock with Date using JavaScript - CodexWorld\" \/>\n<meta property=\"og:description\" content=\"JavaScript Digital Clock with Date - Step-by-step guide and simple code to create digital clock with date using JavaScript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"CodexWorld\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codexworld\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/codexworld\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-13T19:18:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-22T16:09:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"CodexWorld\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codexworldblog\" \/>\n<meta name=\"twitter:site\" content=\"@codexworldweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CodexWorld\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/\"},\"author\":{\"name\":\"CodexWorld\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/person\\\/9da51d8fa3cdefeb5ec9c69136d4baf0\"},\"headline\":\"Create Digital Clock with Date using JavaScript\",\"datePublished\":\"2016-04-13T19:18:32+00:00\",\"dateModified\":\"2016-04-22T16:09:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/\"},\"wordCount\":220,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/create-digital-clock-with-date-javascript-by-codexworld.png\",\"keywords\":[\"Clock\",\"Date\",\"JavaScript\",\"Time\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/\",\"name\":\"Create Digital Clock with Date using JavaScript - CodexWorld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/create-digital-clock-with-date-javascript-by-codexworld.png\",\"datePublished\":\"2016-04-13T19:18:32+00:00\",\"dateModified\":\"2016-04-22T16:09:53+00:00\",\"description\":\"JavaScript Digital Clock with Date - Step-by-step guide and simple code to create digital clock with date using JavaScript.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/create-digital-clock-with-date-javascript-by-codexworld.png\",\"contentUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/create-digital-clock-with-date-javascript-by-codexworld.png\",\"width\":1366,\"height\":768,\"caption\":\"create-digital-clock-with-date-javascript-by-codexworld\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/create-digital-clock-with-date-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.codexworld.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Digital Clock with Date using JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#website\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/\",\"name\":\"CodexWorld\",\"description\":\"Web & Mobile App Development Company\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.codexworld.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\",\"name\":\"CodexWorld\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/codexworld-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/codexworld-logo.png\",\"width\":200,\"height\":19,\"caption\":\"CodexWorld\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/codexworld\",\"https:\\\/\\\/x.com\\\/codexworldweb\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/codexworld\",\"https:\\\/\\\/www.youtube.com\\\/codexworld\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/person\\\/9da51d8fa3cdefeb5ec9c69136d4baf0\",\"name\":\"CodexWorld\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g\",\"caption\":\"CodexWorld\"},\"description\":\"CodexWorld is a programming blog, one-stop destination for web professionals \u2014 developers, programmers, freelancers, and site owners.\",\"sameAs\":[\"http:\\\/\\\/www.codexworld.com\",\"https:\\\/\\\/www.facebook.com\\\/codexworld\",\"https:\\\/\\\/x.com\\\/codexworldblog\"],\"url\":\"https:\\\/\\\/www.codexworld.com\\\/author\\\/nitya192265\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Digital Clock with Date using JavaScript - CodexWorld","description":"JavaScript Digital Clock with Date - Step-by-step guide and simple code to create digital clock with date using JavaScript.","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:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Create Digital Clock with Date using JavaScript - CodexWorld","og_description":"JavaScript Digital Clock with Date - Step-by-step guide and simple code to create digital clock with date using JavaScript.","og_url":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/","og_site_name":"CodexWorld","article_publisher":"https:\/\/www.facebook.com\/codexworld","article_author":"https:\/\/www.facebook.com\/codexworld","article_published_time":"2016-04-13T19:18:32+00:00","article_modified_time":"2016-04-22T16:09:53+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png","type":"image\/png"}],"author":"CodexWorld","twitter_card":"summary_large_image","twitter_creator":"@codexworldblog","twitter_site":"@codexworldweb","twitter_misc":{"Written by":"CodexWorld","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#article","isPartOf":{"@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/"},"author":{"name":"CodexWorld","@id":"https:\/\/www.codexworld.com\/#\/schema\/person\/9da51d8fa3cdefeb5ec9c69136d4baf0"},"headline":"Create Digital Clock with Date using JavaScript","datePublished":"2016-04-13T19:18:32+00:00","dateModified":"2016-04-22T16:09:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/"},"wordCount":220,"commentCount":3,"publisher":{"@id":"https:\/\/www.codexworld.com\/#organization"},"image":{"@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png","keywords":["Clock","Date","JavaScript","Time"],"articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/","url":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/","name":"Create Digital Clock with Date using JavaScript - CodexWorld","isPartOf":{"@id":"https:\/\/www.codexworld.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png","datePublished":"2016-04-13T19:18:32+00:00","dateModified":"2016-04-22T16:09:53+00:00","description":"JavaScript Digital Clock with Date - Step-by-step guide and simple code to create digital clock with date using JavaScript.","breadcrumb":{"@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#primaryimage","url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png","contentUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png","width":1366,"height":768,"caption":"create-digital-clock-with-date-javascript-by-codexworld"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codexworld.com\/create-digital-clock-with-date-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codexworld.com\/"},{"@type":"ListItem","position":2,"name":"Create Digital Clock with Date using JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.codexworld.com\/#website","url":"https:\/\/www.codexworld.com\/","name":"CodexWorld","description":"Web & Mobile App Development Company","publisher":{"@id":"https:\/\/www.codexworld.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codexworld.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codexworld.com\/#organization","name":"CodexWorld","url":"https:\/\/www.codexworld.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codexworld.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2014\/09\/codexworld-logo.png","contentUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2014\/09\/codexworld-logo.png","width":200,"height":19,"caption":"CodexWorld"},"image":{"@id":"https:\/\/www.codexworld.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codexworld","https:\/\/x.com\/codexworldweb","https:\/\/www.linkedin.com\/company\/codexworld","https:\/\/www.youtube.com\/codexworld"]},{"@type":"Person","@id":"https:\/\/www.codexworld.com\/#\/schema\/person\/9da51d8fa3cdefeb5ec9c69136d4baf0","name":"CodexWorld","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g","caption":"CodexWorld"},"description":"CodexWorld is a programming blog, one-stop destination for web professionals \u2014 developers, programmers, freelancers, and site owners.","sameAs":["http:\/\/www.codexworld.com","https:\/\/www.facebook.com\/codexworld","https:\/\/x.com\/codexworldblog"],"url":"https:\/\/www.codexworld.com\/author\/nitya192265\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/04\/create-digital-clock-with-date-javascript-by-codexworld.png","jetpack_shortlink":"https:\/\/wp.me\/p6bxIh-mq","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/1390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/comments?post=1390"}],"version-history":[{"count":6,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/1390\/revisions"}],"predecessor-version":[{"id":1397,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/1390\/revisions\/1397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/media\/1391"}],"wp:attachment":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/media?parent=1390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/categories?post=1390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/tags?post=1390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}