akashrajakku / Digital-Clock

A Digital Clock using css and js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Digital-Clock

It is a digital clock based on my time zone. I have make use of 2 javascript methods here: 1. addEventListner() : to display clock after the 'clicking' event has occured 2. setInterval(): to keep displaying time at an interval of 1000ms or 1 second

In CSS: 1. I have added hover effect on banner "Digital Clock" 2. Cursor chnages to pointer and background-color changes to chocolate upon hovering 3. Made the border round to give it a good visual look

Project Image Gallery

1. At First :

image

2. Hover Effect :

image

3. Digital Clock :

image

This is a simple project I have built only to practice basics of javascript and css ,will keep updating it to give it a more classy look . Problems: 1. I don,t want the clock div to display before clicking on banner, so I will find the solution for this in future.

About

A Digital Clock using css and js


Languages

Language:CSS 43.6%Language:HTML 33.6%Language:JavaScript 22.8%