File:Animated clock.svg
上述预览文件（SVG）的大小为：960 × 960 像素。 其他解析度：250 × 250 像素 | 500 × 500 像素 | 1,280 × 1,280 像素 | 3,840 × 3,840 像素。
原始檔案 （SVG 動畫檔案，表面大小：800 × 800 像素，檔案大小：3 KB）
注意：由於技術限制，此檔案縮圖無動畫效果。
|
本圖像是一個SVG動畫。本動畫使用SMIL語言。RSVG建立的，用於維基媒體網站的.png預覽圖像不能顯示動畫，而且圖像可能會殘缺不全或出現錯誤。要看到動畫，請開啟media:Animated clock.svg。這應該在現代瀏覽器或閱覽器中工作。最新版本的Chrome、Firefox、Microsoft Edge、Safari及Opera均支援基於SMIL的SVG動畫。
其他SVG動畫檔案可在Category:Animated SVG files找到。
|
Animation preview
摘要
| 描述 |
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... |
檔案用途
沒有使用此檔案的頁面。
全域檔案使用狀況
以下其他wiki使用了這個檔案：
- nl.wikibooks.org 的使用狀況
