{"status":1,"code":"essepage_fetched","payload":{"essepage_head":"CoolClock Demo\n\n\t\n\t\n\n\t\n \n\n \n \n \n \n \n\n\t","essepage_body":"

{ return {\n\n cities: [\n {name: "San Francisco", offset: -8, isDay: false},\n {name: "London", offset: +0, isDay: false},\n {name: "Rome", offset: +1, isDay: false},\n {name: "Tokyo", offset: +9, isDay: false},\n ],\n\n async init() {\n\n // DEMO 2 - Skins\n const shuffle = function(){ return 0.5 - Math.random(); };\n const clocks = [];\n for ( const skin in CoolClock.config.skins ) {\n if ( !["chunkySwissOnBlack", "swissRailWhite"].includes(skin) ) {\n clocks.push(`

`);\n clocks.push(`

`);\n }\n }\n document.getElementById("demo2").innerHTML = clocks.sort(shuffle).sort(shuffle).sort(shuffle);\n\n // Start CoolClock\n CoolClock.findAndCreateClocks();\n\n for ( const [idx, city] of Object.entries(this.cities) ) {\n this.cities[idx].isDay = this.getDayOrNight(city.offset);\n }\n\n await $nextTick();\n\n // World Clock Start\n CoolClock.findAndCreateClocks();\n },\n\n getDayOrNight(offset) {\n\n var now = new Date();\n var nowUtc = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n var convertedTime = parseInt(nowUtc.getHours()) + offset;\n\n if ( convertedTime < 0 ) {\n convertedTime = convertedTime + 24;\n }\n\n return 7 <= convertedTime && convertedTime < 19 ? true : false; // true is day, false is night\n },\n}}\">\n\n

\n CoolClock Demo\n with\n \n $\"Essepage$ \n \n Essepage\n \n \n

\n\n \n\n

World Clock

\n \n

\n\n

Demo 1

\n\n

Demo 2 - Skins

\n\n\n

Demo 3 - Log Clock

\n\n

","page_title":"CoolClock Demo","page_datetime":"2024-01-10T15:03:00+00:00","site_name":"","page_meta":{"title":"CoolClock Demo"},"page_hash_tags":[],"html_and_body_attributes":[],"additional_languages_in_content":[],"file_type":"essepage","page_token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3ODUzODg5OTEsIm5iZiI6MTc4NTM4ODk5MSwiZXhwIjoxNzg1MzkyNTkxLCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjUwIn19.7CF-6qvZCC-_6ms9oSDAIq7PH7G--R2tBrhPBmVo8Nc","s_fetch":true,"use_ssr_cache":false,"href_path":"/coolclock","article_mode":false,"cv":"20260212041213","essepage_code":"coolclock"}}

\n CoolClock Demo\n with\n \n \n \n Essepage\n \n \n

World Clock

Demo 1

Demo 2 - Skins

Demo 3 - Log Clock

\n CoolClock Demo\n with\n \n $\"Essepage$ \n \n Essepage\n \n \n

CoolClock Demo with Essepage

World Clock

Demo 1

Demo 2 - Skins

Demo 3 - Log Clock