File:Animated clock.svg
Originaldatei (Animierte SVG-Datei, Basisgröße 800 × 800 Pixel, Dateigröße: 3 KB)
Hinweis: Aufgrund technischer Beschränkungen werden Vorschaubilder dieser Datei nicht animiert.
Bildtexte
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.
|
Beschreibung[Bearbeiten]
BeschreibungAnimated clock.svg |
English: Animated clock. |
||
Datum | |||
Quelle | Eigenes Werk | ||
Urheber | Grufo | ||
Andere Versionen |
|
||
SVG‑Erstellung InfoField | Diese Vektorgrafik wurde mit einem Texteditor erstellt. Die Validierung hat sie für syntaktisch korrekt befunden.
|
Lizenz[Bearbeiten]
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. GNU Lesser General Public LicenseLGPLhttps://www.gnu.org/copyleft/lgpl.htmltrue |
Synchronizing the clock with the current time[Bearbeiten]
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 | 01:47, 2. Feb. 2024 | 800 × 800 (3 KB) | Grufo (Diskussion | Beiträge) | Symmetry | |
05:40, 10. Okt. 2023 | 800 × 800 (3 KB) | Grufo (Diskussion | Beiträge) | =={{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... |
Du kannst diese Datei nicht überschreiben.
Dateiverwendung
Die folgenden 7 Seiten verwenden diese Datei:
Metadaten
Diese Datei enthält weitere Informationen, die in der Regel von der Digitalkamera oder dem verwendeten Scanner stammen. Durch nachträgliche Bearbeitung der Originaldatei können einige Details verändert worden sein.
Breite | 800px |
---|---|
Höhe | 800px |