Generate a colorful pattern

The pattern repeatedly re-generates itself

A series of squares is generated by JavaScript (DOM method)

Each square is a div

Each square has a different top, left, width and height

Maximum width and height of top div is 500.

Regenerate div up to width 50 then stop.

Start top and left property from 25px

Decrease width and height by 20 and increase top and left by 10px;

Choose rainbow colors and assign random colors to each div generated by random method.

These random colors changed on automatic refresh of page.

Use meta tag in head for refreshing page after every second

Declare and initialize all given variable first like width 20 top left height etc. then start changing them

USE JAVASCRIPT DOM ONLY NOT PHP