【Design】Digital clock alarms with alarm clock with Madoka theme


Thanks to the tuitorial of tutorialzine ,I succeeded in refining the digital clock with more theme controls.

Click “switch theme” to toggle from light theme to madoka theme.

click “alarm” icon to set the time from now on.

Made with full jquery and css3.


Press F11 to enable fullscreen mode


1.when you are doing homework or test.Set the alarm and just wait for the alarm ring.

2.Or just treat it as a time app.


For other use

If you want to DIY the digital clock.Just save the html file of the link above and customize it.



light theme




A traveler in the Dimensions.Ready to experience and share the beauty of the world.

1 Comment

  1. Kusanagi Hira says:

    It just looks like the app used by TOEIC I took yesterday, but much more beautiful!

Leave a Reply

Your email address will not be published. Required fields are marked *