This is a Quality image. Click here for more information.

File:Animated analog SVG clock.svg

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search

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.

Captions

Captions

Add a one-line explanation of what this file represents

Summary

[edit]
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

[edit]
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 ∙ ქართული ∙ 한국어 ∙ kurdî ∙ 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 ∙ Türkçe ∙ toki pona ∙ українська ∙ vèneto ∙ Tiếng Việt ∙ 中文 ∙ 中文（简体） ∙ 中文（繁體） ∙ +/−

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)Fleshgrinder (talk | contribs)Updated 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 (talk | contribs){{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].

You cannot overwrite this file.

File usage on other wikis

The following other wikis use this file:

Metadata

This file contains additional information such as Exif metadata which may have been added by the digital camera, scanner, or software program used to create or digitize it. If the file has been modified from its original state, some details such as the timestamp may not fully reflect those of the original file. The timestamp is only as accurate as the clock in the camera, and it may be completely wrong.

Retrieved from "https://commons.wikimedia.org/w/index.php?title=File:Animated_analog_SVG_clock.svg&oldid=838995363"