Javascript clock Version 01

#javascript #codepen #github #clock

Author: Mr. Paul Ramnora
Language: Javascript
Program: Constantly, ticking clock; showing: hours, minutes, seconds
Level: Beginner
Post created: 151120 01:44 AM GMT
Last updated: 151120 01:44 AM GMT

-(NOTE: This article is for web development 'beginners' like myself...; anyone who is far more skilled wouldn't learn much here.)-

First, I went and visited: Codepen.io...where I witnessed seeing...what I thought was an interesting project:

https://codepen.io/IsaacPCooper/pen/mdEKMvY

It shows a landing page...together with raining [.gif]; together with...

some title text
ticking clock
social media icons

...all properly centred on the web page using Flexbox.

I thought this design looked attractive...; so, I started to 'reverse engineer' the code...meaning, trying to take it all apart going, very slowly, bit by bit.

Next, I copied all of the Javascript section code; then, independently, wrote a simple [.html] web page of my own...just to see if I could make that part work; eventually, it did.

Source code:
https://github.com/pramnora/javascript/blob/master/programs/clock/clock-01.html

Live code:
https://prg-javascript.netlify.app/programs/clock/clock-01.html

I'm still trying to work out all the rest...

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.