| Server IP : 209.209.40.120 / Your IP : 216.73.217.112 Web Server : Microsoft-IIS/10.0 System : Windows NT NEWWWW 10.0 build 17763 (Windows Server 2019) i586 User : NEWWWW$ ( 0) PHP Version : 8.3.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/HostingSpaces/admin/chatme24.com/wwwroot/_frameworks/common/stickers/11/ |
Upload File : |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" onload="init(evt)">
<circle fill="#99AAB5" cx="18" cy="18" r="18"/><circle fill="#E1E8ED" cx="18" cy="18" r="14"/>
<line id="hours" x1="0" y1="0" x2="0" y2="8" stroke-linecap="round" stroke-width="2" stroke="#66757F" transform="translate(18,18) rotate(180 0 0) " />
<line id="minutes" x1="0" y1="0" x2="0" y2="12" stroke-linecap="round" stroke-width="2" stroke="#66757F" transform="translate(18,18) rotate(258 0 0) " />
<line id="seconds" x1="0" y1="0" x2="0" y2="12" stroke-linecap="round" stroke-width="1" stroke="#fff" transform="translate(18,18) rotate(310 0 0) " />
<script type="text/ecmascript"><![CDATA[
function init(evt) {
let
svgHours = document.querySelector("#hours"),
svgMinutes = document.querySelector("#minutes"),
svgSeconds = document.querySelector("#seconds");
setInterval(function(){
let dt = new Date(),
hours = dt.getHours(),
minutes = dt.getMinutes(),
seconds = dt.getSeconds(),
degSeconds = 180 + 360/60 * seconds,
degMinutes = 180 + 360/60 * minutes,
degHours = 180 + 360/12 * ( hours % 12 ) + degMinutes/60;
svgHours.setAttribute('transform',`translate(18,18) rotate(${degHours} 0 0)`);
svgMinutes.setAttribute('transform',`translate(18,18) rotate(${degMinutes} 0 0)`);
svgSeconds.setAttribute('transform',`translate(18,18) rotate(${degSeconds} 0 0)`);
console.clear();
console.log(dt.toLocaleTimeString());
}, 1000);
}
]]></script>
</svg>