아날로그 플레쉬 시계 소스

아래 사이트에서 아날로그 플레쉬 시계 소스인데, 광고도 없고 해서 좋은 듯 싶네요.

날짜 값 부분은 php 로 날짜 값을 구현한 부분이 있어서 이를 javascript 에서 날짜 값을 가져와서

할당하는 부분만 약간 수정해서 첨부파일에 넣었고, 날짜 값을 형식에 맞게 추출하기 위해서 moment.min.js 파일을

새롭게 추가했습니다. 그 이외는 원본을 훼손한 부분이 없음을 밝힙니다. ^^

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Analog Flash Clock. Example 3</title>

<script type="text/javascript" src="js/moment.min.js"></script>

</head>

<body>

<h1>Analog flash clock. Example 3<span>(version 1.2)</span></h1>

<p id="xorAnalogClock"><a href="http://www.xorbin.com/">Analog flash clock widget</a></p>

var d = new Date();

d.setHours(d.getHours() - 9); //utc 시간

d.setHours(d.getHours() + 9); //한국시간

var formatteddatestr = moment(d).format('hh:mm:ss');

var flashvars = {

clockSkin: 'media/skins/skin002.png',

arrowSkin: '1',

arrowColor: '666666',

UTCTime: formatteddatestr

};

swfobject.embedSWF(

'media/xorAnalogClock.swf', // path to the widget

'xorAnalogClock',

'200', // width of the widget

'200', // height of the widget

'8',

'media/expressInstall.swf',

flashvars,

{scale: 'noscale', wmode: 'transparent'}

);

</script>

<p>This example shows how we use custom skin <i>skin002.png</i>.<br>In this case arrow colors are lighter.</p>

<p><a href="" onclick="window.location = 'view-source:' + window.location.href; return false;">View source</a> / <a href="index.html">Back</a></p>

</body>

</html>

재우니의 블로그