A beautiful website clock created using SVG and JavaScript. The finished demo is shown using Bootstrap.
* You can change the color of the watch components as you wish and download the ready-made code.
26.02.2026 / 18:33
* You can change the color of the watch components as you wish and download the ready-made code.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<style>
body{
background: #159957; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #155799, #159957); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #155799, #159957); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
</style>
<div class="container"><div class="row">
<div class="col-xs-12 text-center">
<div class="filler"></div>
<svg width="200" height="200">
<filter id="innerShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceGraphic" stdDeviation="3"...