---
title: "Discussion on \"How to Build a Clock with JavaScript and SVG\" | Hashnode"
description: "Discussion on \"How to Build a Clock with JavaScript and SVG\". JavaScript is a programming language that lets you create complex web page features. On the other hand, Scalable Vector Graphics (SVG) is a two-dimensional vector image format based on the Extensible Markup Language (XML). It supports interactivity a..."
url: "https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to Build a Clock with JavaScript and SVG](https://blog.idrisolubisi.com/how-to-build-a-clock-with-javascript-and-svg?utm_source=hashnode&utm_medium=feed)

JavaScript is a programming language that lets you create complex web page features. On the other hand, Scalable Vector Graphics (SVG) is a two-dimensional vector image format based on the Extensible Markup Language (XML). It supports interactivity a...

Apr 21, 2021 · 8 min read · blog.idrisolubisi.com  
Updated Aug 10, 2021  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#svg](https://hashnode.com/tag/svg)
-   [#svg-animation](https://hashnode.com/tag/svg-animation)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#newbie](https://hashnode.com/tag/newbie)

## Written by

[Idris Olubisi](https://hashnode.com/@olanetsoft)

@olanetsoft · Lagos, Nigeria.

  
[View profile](https://hashnode.com/@olanetsoft)

Developer Relation Engineer | Software Engineer | Technical Writer

Software Engineer | Developer Advocate | Technical Writer | Content Creator

## Responses 5

Markdown supported · ⌘↵ to post

[Nazanin Ashrafi](https://hashnode.com/@Nazanin)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/60805ba5c99e200d08f833bb)

This is so cool I will definitely try it later, thank you

[Savio Martin](https://hashnode.com/@saviomartin)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/60804cdec99e200d08f83114)

Really amazing! Great Work!

[Idris Olubisi](https://hashnode.com/@olanetsoft)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/60804cdec99e200d08f83114#reply-60804e0beb2bd30d2d22dc5c)

Thank you 😊

[Mr. Unity Buddy](https://hashnode.com/@UnityBuddy)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/60804826eb2bd30d2d22db9a)

Yay! Thank you very much! That can be used for a widget too?

[Idris Olubisi](https://hashnode.com/@olanetsoft)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/60804826eb2bd30d2d22db9a#reply-60804e45c99e200d08f83145)

You are welcome. sure, I guess you can.

[Sandeep Panda](https://hashnode.com/@sandeep)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/6080347eeb2bd30d2d22d920)

Great article. How about a CodePen demo?

[Idris Olubisi](https://hashnode.com/@olanetsoft)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/6080347eeb2bd30d2d22d920#reply-60804383eb2bd30d2d22daeb)

Thank you 😊 [Sandeep Panda](https://hashnode.com/@sandeep) I will update the post with the CodePen demo soon.

[Idris Olubisi](https://hashnode.com/@olanetsoft)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/6080347eeb2bd30d2d22d920#reply-60804ad9eb2bd30d2d22dc0a)

[Sandeep Panda](https://hashnode.com/@sandeep) Post updated with CodePen 😊

[Fatima Bello](https://hashnode.com/@techietee0)

[Apr 21, 2021](https://hashnode.com/posts/how-to-build-a-clock-with-javascript-and-svg/608013e6c99e200d08f829d3/comment/60801ff2eb2bd30d2d22d63a)

Thank you 😊