File:Animated clock.svg
Jump to navigation
Jump to search
Size of this PNG preview of this SVG file: 600 × 600 pixels. Other resolutions: 240 × 240 pixels | 480 × 480 pixels | 768 × 768 pixels | 1,024 × 1,024 pixels | 2,048 × 2,048 pixels.
Original file (Animated SVG file, nominally 800 × 800 pixels, file size: 3 KB)
Note: Due to technical limitations, thumbnails of this file will not be animated.
Captions
Captions
Add a one-line explanation of what this file represents
|
This image is an animated SVG file. The .png preview above created by RSVG for use in Wikimedia is not animated and may be incomplete or incorrect. To see the animation, open media:Animated clock.svg. It should run in any modern browser or viewer. Recent versions of Chrome, Firefox, Microsoft Edge, Safari, and Opera all support SVG animated with SMIL.
Other SVG animations can be found at Category:Animated SVG files.
|
Summary[edit]
| Description |
English: Animated clock. |
||
| Date | |||
| Source | Own work | ||
| Author | Grufo | ||
| Other versions |
|
||
| SVG development |  This vector image was created with a text editor.
|
Licensing[edit]
I, the copyright holder of this work, hereby publish it under the following license:
|
This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 3 of the License, or any later version. This work is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. |
Synchronizing the clock with the current time[edit]
It is possible to synchronize the animation with the current local time by adding the following code at the end of the SVG file (before the final </svg> tag):
<script>
var oDate = new Date(), nHours = oDate.getHours() % 12, nMinutes = oDate.getMinutes(), nSeconds = oDate.getSeconds();
document.querySelector('.clock-second-hand').setAttribute('transform', 'rotate(' + (nSeconds * 6) + ', 400, 400)');
document.querySelector('.clock-minute-hand').setAttribute('transform', 'rotate(' + (nMinutes * 6 + nSeconds / 10) + ', 400, 400)');
document.querySelector('.clock-hour-hand').setAttribute('transform', 'rotate(' + (nHours * 30 + nMinutes / 2 + nSeconds / 120) + ', 400, 400)');
</script>
Currently Wikimedia Commons does not allow SVG files that contain scripts.
File history
Click on a date/time to view the file as it appeared at that time.
| Date/Time | Thumbnail | Dimensions | User | Comment | |
|---|---|---|---|---|---|
| current | 01:47, 2 February 2024 | | 800 × 800 (3 KB) | Grufo (talk | contribs) | Symmetry |
| 05:40, 10 October 2023 |  | 800 × 800 (3 KB) | Grufo (talk | contribs) | =={{int:filedesc}}== {{Information |description={{en|1=Animated clock.}} |date=2023-10-10 |source={{own}} |author=Grufo |permission= |other versions=<gallery> Station Clock.svg|Static version </gallery> }} =={{int:license-header}}== {{LGPLv3}} == Synchronizing the clock with the current time == It is possible to synchronize the animation with the current local time by adding the following code at the end of the SVG file (before the <code></svg></code> tag at the end of... |
You cannot overwrite this file.
File usage on Commons
The following 7 pages use this file:
