Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

clockish

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

clockish - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

images/clock-1.png

2

package.json
{
"name": "clockish",
"version": "1.0.1",
"version": "1.0.2",
"description": "A simple vanilla(pure) Javascript library for adding wall clocks to your web application",

@@ -5,0 +5,0 @@ "main": "clock/clock.js",

@@ -12,4 +12,34 @@ # clock-js

Here is an image of what the clock looks like:
![Clock Should Show...lol](images/clock-1.png)
### Usage
Here are the options that can be passed to the clock constructor, though this may change over time:
{
canvasId: "xxxx",
floating: true,
outerColor: "css-color",
middleColor: "css-color",
innerColor: "css-color",
tickColor: "css-color",
secondsColor: "css-color",
minutesColor: "css-color",
hourColor: "css-color",
centerSpotWidth: number,
outerCircleAsFractionOfFrameSize: float_zero_to_1,
showBaseText: false,
canvas: {
x: 100,
y: 100,
width: 100,
height: 100
}
}
To add clock functionality to your webpage, **clock-js** needs a canvas element placed in the right place in the DOM(HTML code). For instance,

@@ -113,6 +143,2 @@

Stay tuned as we add more features to this library;

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc