Jump to content

File:Animated analog SVG clock.svg

Page contents not supported in other languages.
This is a file from the Wikimedia Commons
From Wikipedia, the free encyclopedia

Original file (Animated SVG file, nominally 512 × 512 pixels, file size: 33 KB)

Note: Due to technical limitations, thumbnails of this file will not be animated.

Summary

Description
Deutsch: Animierte analoge SVG-Uhr.
English: Animated analog SVG clock.
Date
Source

Own work

English: Based on this master image.
Deutsch: Basierend auf dieser Bildvorlage.
Author Fleshgrinder
Permission
(Reusing this file)
Public domain This work has been released into the public domain by its author, Fleshgrinder. This applies worldwide.

In some countries this may not be legally possible; if so:
Fleshgrinder grants anyone the right to use this work for any purpose, without any conditions, unless such conditions are required by law.

SVG development
InfoField
 
The SVG code is valid.
 
This vector image was created with an unknown SVG tool.
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 analog SVG 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.

Templates:Animated SVG/I18n
العربية  Boarisch  বাংলা  català  čeština  Deutsch  Deutsch (Sie-Form)  English  español  فارسی  suomi  français  galego  עברית  हिन्दी  magyar  հայերեն  íslenska  italiano  日本語  한국어  lietuvių  македонски  മലയാളം  Plattdüütsch  Nederlands  occitan  português  português do Brasil  русский  sicilianu  slovenščina  svenska  தமிழ்  ไทย  українська  中文  中文(简体)  中文(繁體)  +/−

Summary

English: To display the client's current system time, uncomment the JavaScript within the SVG. It’s not possible to upload the file with the JavaScript – security reasons. You can have a look at a working example here.
Deutsch: Um die aktuelle Systemzeit anzuzeigen, unkommentiere das JavaScript in der SVG. Es ist nicht möglich die Datei mit dem JavaScript hoch zu laden – Sicherheitsgründe. Ein funktionierendes Beispiel kann hier angesehen werden.
/**
 * Set the clock to the client's system time, directly after the SVG is loaded.
 *
 * @param evt e
 */
function s(e) {
	// Create new Date() object.
	var d = new Date();
	// Get current seconds.
	var s = d.getSeconds();
	// Get current minutes and add the current second.
	var m = d.getMinutes() + s / 60;
	// Get current hours and add the current minute.
	var h = d.getHours() + m / 60;
	// Get the current document, so we can alter the DOM.
	var svg = e.target.ownerDocument;
	// Rotate the second clockhand to the current seconds.
	svg.getElementById("Second").setAttribute("transform", "rotate(" + (s * 6) + ", 256, 256)");
	svg.getElementById("SecondShadow").setAttribute("transform", "rotate(" + (s * 6) + ", 253, 259)");
	// Rotate the minute clockhand to the current minute.
	svg.getElementById("Minute").setAttribute("transform", "rotate(" + (m * 6) + ", 256, 256)");
	svg.getElementById("MinuteShadow").setAttribute("transform", "rotate(" + (m * 6) + ", 254, 258)");
	// Rotate the hour clockhand to the current hour.
	svg.getElementById("Hour").setAttribute("transform", "rotate(" + (h * 30) + ", 256, 256)");
	svg.getElementById("HourShadow").setAttribute("transform", "rotate(" + (h * 30) + ", 255, 257)");
}

This image has been assessed using the Quality image guidelines and is considered a Quality image.

العربية  جازايرية  беларуская  беларуская (тарашкевіца)  български  বাংলা  català  čeština  Cymraeg  Deutsch  Schweizer Hochdeutsch  Zazaki  Ελληνικά  English  Esperanto  español  eesti  euskara  فارسی  suomi  français  galego  עברית  हिन्दी  hrvatski  magyar  հայերեն  Bahasa Indonesia  italiano  日本語  Jawa  ქართული  кыргызча  한국어  kurdî  Lëtzebuergesch  lietuvių  македонски  മലയാളം  मराठी  Bahasa Melayu  Nederlands  Norfuk / Pitkern  polski  português  português do Brasil  qaraqalpaqsha  rumantsch  română  русский  sicilianu  slovenčina  slovenščina  shqip  српски / srpski  svenska  தமிழ்  తెలుగు  ไทย  Tagalog  toki pona  Türkçe  українська  Oʻzbekcha  vèneto  Tiếng Việt  中文  中文(简体)  中文(繁體)  +/−

Captions

Add a one-line explanation of what this file represents

Items portrayed in this file

depicts

11 November 2010

image/svg+xml

97f47b2fca1cd97c29a7f1bd45639e5ca43e8ac1

34,056 byte

512 pixel

512 pixel

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current21:50, 14 November 2010Thumbnail for version as of 21:50, 14 November 2010512 × 512 (33 KB)FleshgrinderUpdated version with more SFX and improved readability. This SVG is not minimized so it’s easier to have a direct look at the source code.
18:16, 11 November 2010Thumbnail for version as of 18:16, 11 November 2010512 × 512 (29 KB)Fleshgrinder{{ValidSVG}} {{Information |Description = {{en|1=Animierte analoge SVG-Uhr.}} {{de|1=Animated analog SVG clock.}} {{Animated SVG}} |Source = {{own}} {{en|1=Based on [http://salestores.com/stores/images/images_747/WT3143A.jpg this master image].

The following page uses this file:

Global file usage

The following other wikis use this file:

Metadata