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動畫。本動畫使用SMIL語言。RSVG建立的，用於維基媒體網站的.png預覽圖像不能顯示動畫，而且圖像可能會殘缺不全或出現錯誤。要看到動畫，請開啟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... |
檔案用途
沒有使用此檔案的頁面。
