Giter Site home page Giter Site logo

wheelwatch's Introduction

WheelWatch

Wheel Watch is a beautiful timer control to set time by operating needles derectly. It looks like a normal clock, an night bg image indicates that current time is at night.

image

You can set a timer by touching the time needle, touch around the hour needle will start the set, it will also indicate the time span by a red arc.

image

You may find it difficult to set an exact time by minute, touch the outer side of the clock to raise a ring indicating the timer by minute.

image

According to your target time, the bg image will indicate that it will be daytime or at night.

image

More ideas to be done 1.Should be able to set next 24 hours, now is restircted to 12 hours, current disign is to use 2 arc, one smaller one inside for next 12 hours, one bigger one outside for next 12~24 hours. 2.Enhance current day & night indication to sun & moon with a background color, fade in and fade out. 3.Current clock should be add while shells for each item to be seen clearly both on light bg and on dark bg. 4.The function to check day & night should be enhanced to consider date & month & geo location, weather is also welcome to add in.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.