CINXE.COM

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <link href="//fundingchoicesmessages.google.com" rel="preconnect dns-prefetch" crossorigin><script> function cmp_show_ads_after_consent() { return; (adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=0; } function cmp_change_ads(tcData) { var MeasureContentPerformance = tcData.purpose.consents[8] || false; var hasDeviceStorageAndAccessConsent = tcData.purpose.consents[1] || false; var BasicAds = tcData.purpose.consents[2] || false; if ( hasDeviceStorageAndAccessConsent && BasicAds ) { (adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=0; if ( MeasureContentPerformance ) { } } else { if ( MeasureContentPerformance ) { } var ads = document.querySelectorAll('.adsbygoogle'), i = 0, l = ads.length; for (i; i < l; i++) { ads[i].style.display = 'none'; } } } function update_gtag_consent(tcData) { gtag('consent', 'update', { 'ad_user_data': tcData.purpose.consents[3] ? 'granted' : 'denied', 'ad_personalization': tcData.purpose.consents[4] ? 'granted' : 'denied', 'ad_storage': tcData.purpose.consents[1] ? 'granted' : 'denied', 'analytics_storage': tcData.purpose.consents[8] ? 'granted' : 'denied' }); } var check_tcfapi = window.setInterval(function() { typeof __tcfapi === 'function' ? (window.clearInterval(check_tcfapi), __tcfapi('addEventListener', 2, function(tcData, success) { if ( tcData.eventStatus === 'cmpuishown' ) { gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied', 'wait_for_update': 500 }); } if (tcData.eventStatus === 'tcloaded' || tcData.eventStatus === 'useractioncomplete') { if ( ! tcData.gdprApplies ) { cmp_show_ads_after_consent(); } else { var hasDeviceStorageAndAccessConsent = tcData.purpose.consents[1] || false; if (hasDeviceStorageAndAccessConsent) { var hasGoogleAdvertisingProductsConsent = tcData.vendor.consents[755] || false; if ( hasGoogleAdvertisingProductsConsent ) { cmp_show_ads_after_consent(); } else { cmp_change_ads(tcData); } } else { cmp_change_ads(tcData); } } update_gtag_consent(tcData); } })) : null ; /* Intervall (Schleife) nach nach 5 Sekunden beenden, wenn CMP auf dieser Seite überhaupt nicht geladen wird (z.B. adsense = FALSE) */ if ( typeof clearIntervalIfNotFunction === 'undefined' ) { clearIntervalIfNotFunction = true; setTimeout(() => { if ( typeof __tcfapi !== 'function' ) { window.clearInterval(check_tcfapi); } }, "5000"); } }, 50); </script> <link href="//fonts.googleapis.com" rel="preconnect" crossorigin> <link href="//fonts.gstatic.com" rel="preconnect" crossorigin> <link href="//cdnjs.cloudflare.com" rel="preconnect" crossorigin> <link href="//pagead2.googlesyndication.com" rel="preconnect" crossorigin> <link href="//googleads.g.doubleclick.net" rel="preconnect" crossorigin> <link href="//static.doubleclick.net" rel="preconnect" crossorigin> <title>Free: Clock Widget For Your Website, Embed Clock Code</title> <meta name="description" content="Here you can build your own HTML-based clock widget in just a few clicks, paste it into your webpage or blog and display time and date of the selected time zone or location. The clock is based on HTML and JavaScript and the service is entirely free of charge." /> <meta name="robots" content="index,follow,max-image-preview:large" /> <link rel="canonical" href="https://www.zeitverschiebung.net/en/clock-widget" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.zeitverschiebung.net/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.zeitverschiebung.net/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.zeitverschiebung.net/img/favicon/favicon-16x16.png"> <link rel="manifest" href="https://www.zeitverschiebung.net/img/favicon/site.webmanifest.php?lang=en"> <link rel="mask-icon" href="https://www.zeitverschiebung.net/img/favicon/safari-pinned-tab.svg" color="#f5f5f5"> <link rel="shortcut icon" href="https://www.zeitverschiebung.net/img/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-config" content="https://www.zeitverschiebung.net/img/favicon/browserconfig.xml"> <meta name="theme-color" content="#f5f5f5"> <link rel="alternate" hreflang="de" href="https://www.zeitverschiebung.net/de/clock-widget" /><link rel="alternate" hreflang="en" href="https://www.zeitverschiebung.net/en/clock-widget" /><link rel="alternate" hreflang="es" href="https://www.zeitverschiebung.net/es/clock-widget" /><link rel="alternate" hreflang="fr" href="https://www.zeitverschiebung.net/fr/clock-widget" /><link rel="alternate" hreflang="zh-hans" href="https://www.zeitverschiebung.net/cn/clock-widget" /><link rel="alternate" hreflang="hi" href="https://www.zeitverschiebung.net/in/clock-widget" /> <meta property="og:title" content="Free: Clock Widget For Your Website, Embed Clock Code" /> <meta property="og:site_name" content="Time Difference" /> <meta property="og:description" content="Here you can build your own HTML-based clock widget in just a few clicks, paste it into your webpage or blog and display time and date of the selected time zone or location. The clock is based on HTML and JavaScript and the service is entirely free of charge." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.zeitverschiebung.net/en/clock-widget" /> <meta property="og:image" content="https://www.zeitverschiebung.net/img/open-graph/image.php?lang=en&location="> <meta property="og:image:width" content="800" /> <meta property="og:image:height" content="500" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"/> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway:500,400,300&display=swap"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css" integrity="sha512-siarrzI1u3pCqFG2LEzi87McrBmq6Tp7juVsdmGY1Dr8Saw+ZBAzDzrGwX3vgxX1NkioYNCFOVC0GpDPss10zQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css" integrity="sha512-P9pgMgcSNlLb4Z2WAB2sH5KBKGnBfyJnq+bhcfLCFusrRc4XdXrhfDluBl/usq75NF5gTDIMcwI1GaG5gju+Mw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/v4-shims.min.css" integrity="sha512-fWfO/7eGDprvp7/UATnfhpPDgF33fetj94tDv9q0z/WN4PDYiTP97+QcV1QWgpbkb+rUp76g6glID5mdf/K+SQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css" integrity="sha512-W/zrbCncQnky/EzL+/AYwTtosvrM+YG/V6piQLSe2HuKS6cmbw89kjYkp3tWFn1dkWV7L1ruvJyKbLz73Vlgfg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" integrity="sha512-Cv93isQdFwaKBV+Z4X8kaVBYWHST58Xb/jVOcV9aRsGSArZsgAnFIhMpDoMDcFNoUtday1hdjn0nGp3+KZyyFw==" crossorigin="anonymous" /> <link href="https://www.zeitverschiebung.net/inc/style.min.css?v=ODQ=" rel="stylesheet" type="text/css" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3FMH6BQKWR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3FMH6BQKWR'); </script> </head><body class="no-trans transparent-header"> <div class="page-wrapper"> <div class="header-container"> <header class="header fixed fixed-before clearfix"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="header-left clearfix"> <div id="logo" class="logo en"> <a href="https://www.zeitverschiebung.net/en/">Time Difference</a> </div> </div> </div> <div class="col-md-9"> <div class="header-right clearfix"> <div class="main-navigation animated with-dropdown-buttons"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-10 search-col"> <form class="form" method="get" action="https://www.zeitverschiebung.net/en/search/"> <input name="q" id="search" type="text" class="form-control ml-10 mr-10 search " placeholder="Search: City, Country or Time Zone" aria-label="Search: City, Country or Time Zone"> <i class="fa fa-map-marker form-control-feedback hidden-xs hidden-sm"></i> </form> </div> <div class="col-xs-2 burger-menu-col"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </div> <div class="collapse navbar-collapse" id="navbar-collapse-1"> <h4 class="visible-xs mobile-headline">Time Difference, Current Local Time and Date of the World's Time Zones. <img loading="lazy" width="40" height="40" src="https://www.zeitverschiebung.net/img/zeitverschiebung.svg" alt="Free: Clock Widget For Your Website, Embed Clock Code" /> </h4> <ul class="nav navbar-nav "> <li class="dropdown mega-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Metropoles</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-md-12"> <h4 class="title">The largest cities on the planet</h4> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/city/1796236"><span class="flag-icon flag-icon-cn"></span>Shanghai<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1816670"><span class="flag-icon flag-icon-cn"></span>Beijing<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1795565"><span class="flag-icon flag-icon-cn"></span>Shenzhen<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1809858"><span class="flag-icon flag-icon-cn"></span>Guangzhou<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/2314302"><span class="flag-icon flag-icon-cd"></span>Kinshasa<small class="text-muted">, Democratic Republic of the Congo</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/2332459"><span class="flag-icon flag-icon-ng"></span>Lagos<small class="text-muted">, Nigeria</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/745044"><span class="flag-icon flag-icon-tr"></span>Istanbul<small class="text-muted">, Turkey</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1815286"><span class="flag-icon flag-icon-cn"></span>Chengdu<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1275339"><span class="flag-icon flag-icon-in"></span>Mumbai<small class="text-muted">, India</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/3448439"><span class="flag-icon flag-icon-br"></span>São Paulo<small class="text-muted">, Brazil</small></a></li> </ul> </div> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/city/3530597"><span class="flag-icon flag-icon-mx"></span>Mexico City<small class="text-muted">, Mexico</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1174872"><span class="flag-icon flag-icon-pk"></span>Karachi<small class="text-muted">, Pakistan</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1792947"><span class="flag-icon flag-icon-cn"></span>Tianjin<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1273294"><span class="flag-icon flag-icon-in"></span>Delhi<small class="text-muted">, India</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1791247"><span class="flag-icon flag-icon-cn"></span>Wuhan<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/524901"><span class="flag-icon flag-icon-ru"></span>Moscow<small class="text-muted">, Russia</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1185241"><span class="flag-icon flag-icon-bd"></span>Dhaka<small class="text-muted">, Bangladesh</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1835848"><span class="flag-icon flag-icon-kr"></span>Seoul<small class="text-muted">, South Korea</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1812545"><span class="flag-icon flag-icon-cn"></span>Dongguan<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/360630"><span class="flag-icon flag-icon-eg"></span>Cairo<small class="text-muted">, Egypt</small></a></li> </ul> </div> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/city/1790630"><span class="flag-icon flag-icon-cn"></span>Xi’an<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1799962"><span class="flag-icon flag-icon-cn"></span>Nanjing<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1808926"><span class="flag-icon flag-icon-cn"></span>Hangzhou<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1811103"><span class="flag-icon flag-icon-cn"></span>Foshan<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1566083"><span class="flag-icon flag-icon-vn"></span>Ho Chi Minh City<small class="text-muted">, Vietnam</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/2643743"><span class="flag-icon flag-icon-gb"></span>London<small class="text-muted">, United Kingdom</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/5128581"><span class="flag-icon flag-icon-us"></span>New York City<small class="text-muted">, United States</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1642911"><span class="flag-icon flag-icon-id"></span>Jakarta<small class="text-muted">, Indonesia</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1277333"><span class="flag-icon flag-icon-in"></span>Bengaluru<small class="text-muted">, India</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1850147"><span class="flag-icon flag-icon-jp"></span>Tokyo<small class="text-muted">, Japan</small></a></li> </ul> </div> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/city/1581130"><span class="flag-icon flag-icon-vn"></span>Hanoi<small class="text-muted">, Vietnam</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1668341"><span class="flag-icon flag-icon-tw"></span>Taipei<small class="text-muted">, Taiwan</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/3936456"><span class="flag-icon flag-icon-pe"></span>Lima<small class="text-muted">, Peru</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/3688689"><span class="flag-icon flag-icon-co"></span>Bogotá<small class="text-muted">, Colombia</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1819729"><span class="flag-icon flag-icon-hk"></span>Hong Kong<small class="text-muted">, Hong Kong</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1814906"><span class="flag-icon flag-icon-cn"></span>Chongqing<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/98182"><span class="flag-icon flag-icon-iq"></span>Baghdad<small class="text-muted">, Iraq</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/1797929"><span class="flag-icon flag-icon-cn"></span>Qingdao<small class="text-muted">, China</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/112931"><span class="flag-icon flag-icon-ir"></span>Tehran<small class="text-muted">, Iran</small></a></li><li><a href="https://www.zeitverschiebung.net/en/city/2034937"><span class="flag-icon flag-icon-cn"></span>Shenyang<small class="text-muted">, China</small></a></li> </ul> </div> </div> </div> </div> </li> </ul> </li> <li class="dropdown mega-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Countries</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-md-12"> <h4 class="title">List of countries by population</h4> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/country/cn"><span class="flag-icon flag-icon-cn"></span>China</a></li><li><a href="https://www.zeitverschiebung.net/en/country/in"><span class="flag-icon flag-icon-in"></span>India</a></li><li><a href="https://www.zeitverschiebung.net/en/country/us"><span class="flag-icon flag-icon-us"></span>USA</a></li><li><a href="https://www.zeitverschiebung.net/en/country/id"><span class="flag-icon flag-icon-id"></span>Indonesia</a></li><li><a href="https://www.zeitverschiebung.net/en/country/pk"><span class="flag-icon flag-icon-pk"></span>Pakistan</a></li><li><a href="https://www.zeitverschiebung.net/en/country/br"><span class="flag-icon flag-icon-br"></span>Brazil</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ng"><span class="flag-icon flag-icon-ng"></span>Nigeria</a></li><li><a href="https://www.zeitverschiebung.net/en/country/bd"><span class="flag-icon flag-icon-bd"></span>Bangladesh</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ru"><span class="flag-icon flag-icon-ru"></span>Russia</a></li><li><a href="https://www.zeitverschiebung.net/en/country/jp"><span class="flag-icon flag-icon-jp"></span>Japan</a></li> </ul> </div> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/country/mx"><span class="flag-icon flag-icon-mx"></span>Mexico</a></li><li><a href="https://www.zeitverschiebung.net/en/country/et"><span class="flag-icon flag-icon-et"></span>Ethiopia</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ph"><span class="flag-icon flag-icon-ph"></span>Philippines</a></li><li><a href="https://www.zeitverschiebung.net/en/country/eg"><span class="flag-icon flag-icon-eg"></span>Egypt</a></li><li><a href="https://www.zeitverschiebung.net/en/country/vn"><span class="flag-icon flag-icon-vn"></span>Vietnam</a></li><li><a href="https://www.zeitverschiebung.net/en/country/cd"><span class="flag-icon flag-icon-cd"></span>Kongo</a></li><li><a href="https://www.zeitverschiebung.net/en/country/de"><span class="flag-icon flag-icon-de"></span>Germany</a></li><li><a href="https://www.zeitverschiebung.net/en/country/tr"><span class="flag-icon flag-icon-tr"></span>Turkey</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ir"><span class="flag-icon flag-icon-ir"></span>Iran</a></li><li><a href="https://www.zeitverschiebung.net/en/country/th"><span class="flag-icon flag-icon-th"></span>Thailand</a></li> </ul> </div> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/country/fr"><span class="flag-icon flag-icon-fr"></span>France</a></li><li><a href="https://www.zeitverschiebung.net/en/country/gb"><span class="flag-icon flag-icon-gb"></span>United Kingdom</a></li><li><a href="https://www.zeitverschiebung.net/en/country/it"><span class="flag-icon flag-icon-it"></span>Italy</a></li><li><a href="https://www.zeitverschiebung.net/en/country/za"><span class="flag-icon flag-icon-za"></span>South Africa</a></li><li><a href="https://www.zeitverschiebung.net/en/country/tz"><span class="flag-icon flag-icon-tz"></span>Tanzania</a></li><li><a href="https://www.zeitverschiebung.net/en/country/mm"><span class="flag-icon flag-icon-mm"></span>Myanmar</a></li><li><a href="https://www.zeitverschiebung.net/en/country/kr"><span class="flag-icon flag-icon-kr"></span>South Korea</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ke"><span class="flag-icon flag-icon-ke"></span>Kenya</a></li><li><a href="https://www.zeitverschiebung.net/en/country/co"><span class="flag-icon flag-icon-co"></span>Colombia</a></li><li><a href="https://www.zeitverschiebung.net/en/country/es"><span class="flag-icon flag-icon-es"></span>Spain</a></li> </ul> </div> <div class="col-sm-6 col-md-3"> <div class="divider"></div> <ul class="menu"> <li><a href="https://www.zeitverschiebung.net/en/country/ua"><span class="flag-icon flag-icon-ua"></span>Ukraine</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ar"><span class="flag-icon flag-icon-ar"></span>Argentina</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ug"><span class="flag-icon flag-icon-ug"></span>Uganda</a></li><li><a href="https://www.zeitverschiebung.net/en/country/dz"><span class="flag-icon flag-icon-dz"></span>Algeria</a></li><li><a href="https://www.zeitverschiebung.net/en/country/sd"><span class="flag-icon flag-icon-sd"></span>Sudan</a></li><li><a href="https://www.zeitverschiebung.net/en/country/iq"><span class="flag-icon flag-icon-iq"></span>Iraq</a></li><li><a href="https://www.zeitverschiebung.net/en/country/pl"><span class="flag-icon flag-icon-pl"></span>Poland</a></li><li><a href="https://www.zeitverschiebung.net/en/country/af"><span class="flag-icon flag-icon-af"></span>Afghanistan</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ca"><span class="flag-icon flag-icon-ca"></span>Canada</a></li><li><a href="https://www.zeitverschiebung.net/en/country/ma"><span class="flag-icon flag-icon-ma"></span>Morocco</a></li> </ul> </div> <div class="col-md-12"> <div class="divider"></div> <ul class="menu"> <li class="text-center"><a href="https://www.zeitverschiebung.net/en/all-countries.html"><i class="fa fa-chevron-circle-right"></i>All countries</a></li> </ul> </div> </div> </div> </div> </li> </ul> </li> <li class="visible-xs"> <a href="#about">About us</a> </li> </ul> <div class="header-dropdown-buttons languages"> <div class="btn-group dropdown"> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false" title="English"><span class="flag-icon flag-icon-us"></span></button> <ul class="dropdown-menu dropdown-menu-right padding-hor-clear padding-ver-clear radius-clear" role="menu"> <li class="text-right"><a title="Deutsch" href="https://www.zeitverschiebung.net/de/clock-widget">Deutsch</a><li class="text-right"><a title="Español" href="https://www.zeitverschiebung.net/es/clock-widget">Español</a><li class="text-right"><a title="Français" href="https://www.zeitverschiebung.net/fr/clock-widget">Français</a><li class="text-right"><a title="中文" href="https://www.zeitverschiebung.net/cn/clock-widget">中文</a><li class="text-right"><a title="हिंदी" href="https://www.zeitverschiebung.net/in/clock-widget">हिंदी</a> </ul> </div> </div> </div> </div> </div> </div> </div> </header> </div> <section class="white-bg space-bottom clearfix"> <div class="container"> <div class="row sticky_parent"> <div class="col-md-7 col-sm-12"> <h1>Free clock widget for your website or blog (HTML-based)</h1> <p class="lead">Here you can build your own HTML-based clock widget in just a few clicks, paste it into your webpage or blog and display time and date of the selected time zone or location. The clock is based on HTML and JavaScript and the service is entirely free of charge.</p> </div> <div class="col-md-5 hidden-sm hidden-xs"> <div class="clock big" id="67423e0376fc1" rel="-5"> <h4>What time is it?</h4> <h2><span class="headline">Current local time in</span>New York</h2> <div class="date"></div> <div class="time"></div> </div> </div> </div></div> </section> <section class="light-gray-bg space-bottom clearfix"> <div class="container"><div class="row"> <div class="col-md-12"> <h2>1. Choose size and type</h2> <h3>Completely</h3> <div class="col-md-3 col-sm-3 text-center "> <a rel="nofollow" href="https://www.zeitverschiebung.net/en/clock-widget?size=small"> <h5 class="mt-5 ">Small</h5> <img class="inline-block mb-10" src="https://www.zeitverschiebung.net/img/pages/clock-widget/size-small.png" alt="Small"> </a> </div> <div class="col-md-4 col-sm-4 text-center "> <a rel="nofollow" href="https://www.zeitverschiebung.net/en/clock-widget?size=medium"> <h4 class="mt-5 ">Medium</h4> <img class="inline-block mb-10" class="" src="https://www.zeitverschiebung.net/img/pages/clock-widget/size-medium.png" alt="Medium"> </a> </div> <div class="col-md-5 col-sm-5 text-center "> <a rel="nofollow" href="https://www.zeitverschiebung.net/en/clock-widget?size=large"> <h3 class="mt-5 ">Large</h3> <img class="inline-block mb-10" class="" src="https://www.zeitverschiebung.net/img/pages/clock-widget/size-large.png" alt="Large"> </a> </div> <h3>Hours and Minutes only</h3> <div class="col-md-3 col-sm-3 text-center "> <a rel="nofollow" href="https://www.zeitverschiebung.net/en/clock-widget?size=small&show=hour_minute"> <h5 class="mt-5 ">Small</h5> <img class="inline-block mb-10" src="https://www.zeitverschiebung.net/img/pages/clock-widget/size-small-hour-minute.png" alt="Small"> </a> </div> <div class="col-md-4 col-sm-4 text-center "> <a rel="nofollow" href="https://www.zeitverschiebung.net/en/clock-widget?size=medium&show=hour_minute"> <h4 class="mt-5 ">Medium</h4> <img class="inline-block mb-10" class="" src="https://www.zeitverschiebung.net/img/pages/clock-widget/size-medium-hour-minute.png" alt="Medium"> </a> </div> <div class="col-md-5 col-sm-5 text-center "> <a rel="nofollow" href="https://www.zeitverschiebung.net/en/clock-widget?size=large&show=hour_minute"> <h3 class="mt-5 ">Large</h3> <img class="inline-block mb-10" class="" src="https://www.zeitverschiebung.net/img/pages/clock-widget/size-large-hour-minute.png" alt="Large"> </a> </div> </div> </div></div> </section> <section class="white-bg space-bottom clearfix"> <div class="container"><div class="row"> <div class="col-md-12" id="location"> <h2 class="text-muted">2. Select a time zone or location, of which you would like to display the time</h2> </div> </div></div> </section> <section class="light-gray-bg space-bottom clearfix"> <div class="container"><div class="row"> <div class="col-md-12"> <h2 class="clearfix text-muted">3. Select HTML code and copy</h2> </div> </div></div> </section> <section class="white-bg space-bottom clearfix"> <div class="container"><div class="row"> <div class="col-md-12"> <h2 class="text-muted">4. Paste code onto your homepage or blog</h2> </div> </div> </div> </section> <footer id="footer" class="clearfix "> <div class="footer"> <div class="container"> <div class="footer-inner"> <div class="row"> <div class="col-sm-6"> <div class="footer-content"> <h4 class="title text-default"><i class="fa fa-clock-o pr-10"></i>Time Difference</h4> <p>World Time and Time Zone Converter: Calculate the time difference between two time zones of the world.</p> <div class="separator-2"></div> <nav> <ul class="nav nav-pills nav-stacked list-style-icons"> <li><a href="https://www.zeitverschiebung.net/en/clock-widget"><i class="fa fa-chevron-right"></i>Clock for website / blog</a></li> <li><a href="https://www.zeitverschiebung.net/en/all-time-zones.html"><i class="fa fa-chevron-right"></i>All Time Zones</a></li> </ul> </nav> </div> </div> <div class="col-sm-6"> <div class="footer-content"> <h5 class="title text-default"><i class="fa fa-globe pr-10"></i>Continents</h5> <nav> <div class="row"> <div class="col-xs-6"> <ul class="nav nav-pills nav-stacked list-style-icons"> <li><a href="https://www.zeitverschiebung.net/en/continent/an"><i class="fa fa-chevron-right"></i> Antarctica</a></li> <li><a href="https://www.zeitverschiebung.net/en/continent/af"><i class="fa fa-chevron-right"></i> Africa</a></li> <li><a href="https://www.zeitverschiebung.net/en/continent/as"><i class="fa fa-chevron-right"></i> Asia</a></li> <li><a href="https://www.zeitverschiebung.net/en/continent/oc"><i class="fa fa-chevron-right"></i> Australia/Oceania</a></li> </ul> </div> <div class="col-xs-6"> <ul class="nav nav-pills nav-stacked list-style-icons"> <li><a href="https://www.zeitverschiebung.net/en/continent/eu"><i class="fa fa-chevron-right"></i> Europe</a></li> <li><a href="https://www.zeitverschiebung.net/en/continent/na"><i class="fa fa-chevron-right"></i> North America</a></li> <li><a href="https://www.zeitverschiebung.net/en/continent/sa"><i class="fa fa-chevron-right"></i> South America</a></li> </ul> </div> </div> </nav> </div> </div> <div class="col-md-12"> <br class="visible-xs" /> <p class="text-center">© 2024 · <a href="https://www.zeitverschiebung.net/en/contact.html">Data protection policy · Terms of use · Credits/Sources · Contact</a></p> </div> </div> </div> </div> </div> </footer> </div> <footer id="about" class="hwd-footer"> <div class="container"> <div class="row"> <div class="col-md-5 col-md-offset-1"> <img alt="Hello World Digital" class="hwd-logo" loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/hello-world-digital.svg" width="120" height="82" /> <p> This is a service offered by Hello World Digital. <br class="hidden-xs">We develop digital tools and provide <br class="hidden-xs">helpful information for your everyday life. </p> <div class="hwd-icons"> <img loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/icon-cocktail-01.svg" width="32" height="35" /><img loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/icon-handy.svg" width="21" height="35" /><img loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/icon-home.svg" width="35" height="35" /><img loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/icon-science.svg" width="21" height="35" /><img loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/icon-browser.svg" width="35" height="27" /> </div> <a class="btn" href="https://hello-world.digital/en/" target="_blank" rel="noopener">hello-world.digital</a> </div> <div class="col-md-5"> <h6> <img alt="Time Difference" loading="lazy" src="https://hello-world.digital/assets/img/projects-hwd-footer/icon-magnify.svg" width="40" height="40" /> <small>About Time Difference</small> Look up the current local time and the date </h6> <p> Time Difference, Current Local Time and Date of the World's Time Zones. </p> <ul> <li><i class="fa fa-smile-o"></i>By and for people like you and me!</li> <li><i class="fa fa-smile-o"></i>Answers and tools to make life easier!</li> <li><i class="fa fa-smile-o"></i>A little better every day!</li> </ul> </div> </div> </div></footer> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://www.zeitverschiebung.net/inc/script.min.js?v=ODQ="></script> </body></html>