File:Animated analog SVG clock.svg

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.

Category:PD-user#Animated%20analog%20SVG%20clock.svg
SVG development
InfoField
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 ∙ தமிழ் ∙ ไทย ∙ українська ∙ 中文 ∙ 中文（简体） ∙ 中文（繁體） ∙ +/−
Category:Valid animated SVG#Animated%20analog%20SVG%20clock.svg

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)");
}

Quality image

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 ∙ ქართული ∙ Qaraqalpaqsha ∙ 한국어 ∙ kurdî ∙ кыргызча ∙ Latina ∙ Lëtzebuergesch ∙ lietuvių ∙ македонски ∙ മലയാളം ∙ मराठी ∙ Bahasa Melayu ∙ Nederlands ∙ Norfuk / Pitkern ∙ polski ∙ português ∙ português do Brasil ∙ 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 ∙ 中文 ∙ 中文（简体） ∙ 中文（繁體） ∙ +/−

Category:Quality images#Animated%20analog%20SVG%20clock.svgCategory:Quality images missing SDC source of fileCategory:Quality images missing SDC depicts Category:Analog clocks Category:Animated clock images Category:Clockfaces with 12 Arabic numerals and tick marks for minutes
Category:Analog clocks Category:Animated clock images Category:Clockfaces with 12 Arabic numerals and tick marks for minutes Category:PD-user Category:Quality images Category:Quality images missing SDC depicts Category:Quality images missing SDC source of file Category:Valid SVG created with Other tools Category:Valid animated SVG