Datei:Animated clock.svg
Größe der PNG-Vorschau dieser SVG-Datei: 600 × 600 Pixel. Weitere Auflösungen: 240 × 240 Pixel | 480 × 480 Pixel | 768 × 768 Pixel | 1.024 × 1.024 Pixel | 2.048 × 2.048 Pixel.
Originaldatei (Animierte SVG-Datei, Basisgröße 800 × 800 Pixel, Dateigröße: 3 KB)
Hinweis: Aufgrund technischer Beschränkungen werden Vorschaubilder dieser Datei nicht animiert.
|
Dieses Bild ist eine animierte SVG-Datei. Die obige Vorschau ist vermutlich unvollständig oder inkorrekt. Um die interaktiven Möglichkeiten der Datei nutzen zu können, öffne sie mit einem SVG-fähigen Browser oder Viewer, z.B. Opera, Google Chrome, Safari, Firefox oder Internet Explorer mit Adobes SVG-Plugin.
|
Animation preview
Beschreibung
| Beschreibung |
English: Animated clock. |
||
| Datum | |||
| Quelle | Eigenes Werk | ||
| Urheber | Grufo | ||
| Andere Versionen |
|
||
| SVG‑Erstellung |
|
Lizenz
Ich, der Urheber dieses Werkes, veröffentliche es unter der folgenden Lizenz:
|
Diese Bibliothek ist Freie Software; du kannst sie unter den Bedingungen der GNU Lesser General Public License, wie von der Free Software Foundation veröffentlicht, weitergeben und/oder modifizieren; entweder gemäß Version 3 der Lizenz oder jeder späteren Version. Dieses Werk wird in der Hoffnung verbreitet, dass es von Nutzen sein wird, aber OHNE JEGLICHE GARANTIE; sogar ohne die implizite Garantie der MARKTGÄNGIGKEIT oder der EIGNUNG FÜR EINEN BESTIMMTEN ZWECK. Siehe die GNU Lesser General Public License für weitere Einzelheiten. |
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 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.
Dateiversionen
Klicke auf einen Zeitpunkt, um diese Version zu laden.
| Version vom | Vorschaubild | Maße | Benutzer | Kommentar | |
|---|---|---|---|---|---|
| aktuell | 03:47, 2. Feb. 2024 | | 800 × 800 (3 KB) | wikimediacommons>Grufo | Symmetry |
Dateiverwendung
Die folgenden 2 Seiten verwenden diese Datei:
