createclock
v1.0.2
Published
A Package That Helps You To Create CLock At Any Position And With Different Colors Of Border And Text.
Downloads
1
Maintainers
Readme
createclock
This Package Can Be Used In Live Server Mode Or In Making https Requests In Express.JS. You Can Use It To Design And Take Reference For Creating Your Own Clock By Applying Different Style Changes In It And A Lot Of New Variations In It.
It Is A Package Which Helps You To Create A Clock Which Runs The Exact Present Time. You Can Change The Layout Of The Time Clock In Which You Can Change The CSS Properties Mentioned Below:
- Colour
- The Border
- Border Radius
- Background Colour
- Text Colour
- Display Property In CSS
- Flex-Direction Property
- Align-Items Property
- Class-Name
- Justify-Content Property
- Width
- Margin
- Padding
You Need To Put Values In The Function createclock As:
Classname, Display, Flexdirection, Alignitems, Justifycontent, Width, Margin, Backgroundcolor, Border, Borderradius, Childpadding, Childcolor.
The Example Code Is Given Below:
To Use It, Download By Using In The Main Directory File Folder In Which You Are Making A Project:
npm i createclock
Now To Use It Perform Similar Tsk As Done Below:
import { createClock } from "./node_modules/createclock/app.js";
createClock("container", "flex", "row", "center", "center", "18%", "100px auto", "white", "3px solid red", "30px", "30px 40px", "green");
Then Include The File In The HTML Document By Using The Script Tag As Mentioned Below. The File Name (FILE_NAME) Could Be Changed Accordingly Which Needs To Be Entered In src Attribute Of Tag:
<script type="module" src="FILE_NAME"></script>