File:Animated clock.svg
此SVG文件的PNG预览的大小：600 × 600像素。 其他分辨率：240 × 240像素 | 480 × 480像素 | 768 × 768像素 | 1,024 × 1,024像素 | 2,048 × 2,048像素。
原始文件 （动画SVG文件，尺寸为800 × 800像素，文件大小：3 KB）
注意：由于技术限制，该文件的缩略图无法进行动画处理。
|
本图片是一个SVG动画文件。上述.png预览图像是用RSVG生成的，其用于维基媒体网站，但不能显示动画，而且可能图像会不完整或存在错误。要看到动画，请打开media:Animated clock.svg。这应该在现代浏览器或阅读器中工作。最新版本的Chrome、Firefox、Microsoft Edge、Safari及Opera都支持基于SMIL的SVG动画。
其他SVG动画文件可在Category:Animated SVG files找到。
|
摘要
| 描述 |
English: Animated clock. |
| 日期 | |
| 来源 | 自己的作品 |
| 作者 | Grufo |
| 其他版本 |
|
| SVG开发 |
许可协议
我，本作品著作权人，特此采用以下许可协议发表本作品：
|
This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 3 of the License, or any later version. This work is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. |
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.
文件历史
点击某个日期/时间查看对应时刻的文件。
| 日期/时间 | 缩略图 | 大小 | 用户 | 备注 | |
|---|---|---|---|---|---|
| 当前 | 2024年2月2日 (五) 01:47 | | 800 × 800（3 KB） | Grufo | Symmetry |
| 2023年10月10日 (二) 05:40 |  | 800 × 800（3 KB） | Grufo | =={{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... |
文件用途
没有页面使用本文件。
