관리 메뉴

심재운 블로그

아날로그 플레쉬 시계 소스 본문

프로그래밍/JavaScript

아날로그 플레쉬 시계 소스

재우니 2014. 12. 31. 13:03

 

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

날짜 값 부분은 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">

 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

           <head>

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

                     <link rel="stylesheet" type="text/css" href="media/screen.css" />

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

                     <script type="text/javascript" src="js/swfobject.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>

                     <script type="text/javascript">

 

                               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>

 

                     <p class="copyright">&copy; 2008-2012, <a href="http://www.xorbin.com/" title="Analog flash clock widget">XORBIN.COM</a> website. All rights reserved.</p>

 

           </body>

</html>

 

 

 

xorAnalogClock-v1.2_20141231.zip

 

 

 

 

 

 

 

0 Comments
댓글쓰기 폼