감사 합니다.
수정한 코드입니다.
[code]
<style>
body {justify-content:center;align-items:center}
.clk {width:235px;height:235px;display:flex;justify-content:center;align-items:center}
.clk::after{content:'';position:absolute;width:12px;height:12px;background-color:red;border-radius:50%;z-index:10000}
.clk::before{content:'';position:absolute;width:18px;height:18px;background-color:#f3f6f499;border-radius:50%;z-index:10000}
.clk .hour, .clk .min, .clk .sec {position:absolute}
.clk .hour, .hour_1 {width:150px;height:150px}
.clk .min, .min_1 {width:180px;height:180px}
.clk .sec, .sec_1 {width:200px;height:200px}
.hour_1, .min_1, .sec_1 {display:flex;justify-content:center;position:absolute;border-radius:50%}
.hour_1:before {content:'';position:absolute;width:8px;height:80px;background-color:#bcd766;z-index:12;border-radius:10px 6px 0 0;box-shadow: 0 0 1px #fff2cc, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6}
.min_1:before {content:'';position:absolute;width:4px;height:90px;background:#bcd766;z-index:13;border-radius:6px 6px 0 0;box-shadow: 0 0 1px #fff2cc, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6}
.sec_1:before {content:'';position:absolute;width:2px;height:150px;background:red;z-index:14;border-radius:6px 6px 0 0;box-shadow: 0 0 1px #fff2cc, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6, 0 0 1px #f7eee6}
</style>
<style>body{margin:0;overflow:hidden}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background:#badcff99;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ff80ed66}::-webkit-scrollbar-thumb:active{background:#ff2525}::-webkit-scrollbar-button {display:none}</style>
<canvas id="canvas" width="235" height="235" style="position:absolute"></canvas>
<div class="clk">
<div class="hour">
<div class="hour_1" id="hour_1"></div>
</div>
<div class="min">
<div class="min_1" id="min_1"></div>
</div>
<div class="sec">
<div class="sec_1" id="sec_1"></div>
</div>
</div>

<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
drawClock();

function drawClock() {
drawFace(ctx, radius);
drawNumbers(ctx, radius);
}

function drawFace(ctx, radius) {
ctx.fillStyle = '#bcd766';
ctx.fill();
}

function drawNumbers(ctx, radius) {
var ang;
var num;
ctx.font = radius*0.15 + "px arial";
ctx.textBaseline="middle";
ctx.textAlign="center";
for(num = 1; num < 13; num++){
ang = num * Math.PI / 6;
ctx.rotate(ang);
ctx.translate(0, -radius*0.85);
ctx.rotate(-ang);
ctx.fillText(num.toString(), 0, 0);
ctx.rotate(ang);
ctx.translate(0, radius*0.85);
ctx.rotate(-ang);
}
}

var deg = 6;
var hour_1 = document.querySelector("#hour_1");
var min_1 = document.querySelector("#min_1");
var sec_1 = document.querySelector("#sec_1");

setInterval(() => {
var day = new Date();
var hh = day.getHours() * 30;
var mm = day.getMinutes() * deg;
var ss = day.getSeconds() * deg;

hour_1.style.transform = `rotateZ(${hh + mm / 12}deg)`;
min_1.style.transform = `rotateZ(${mm}deg)`;
sec_1.style.transform = `rotateZ(${ss}deg)`;
}, 500);
</script>
[/code]
[http://sir.kr/data/editor/2205/bd29a75be40653ba847e215135b9524e_1651718357_3576.png]

[http://sir.kr/data/editor/2205/5bbb6544f1711d8305af8bee5aa72eb0_1651746355_2463.png]
들레아빠님께서 수정하신 코드가 훨씬더 좋습니다. 수정해주신 코드로 다시 적용해봐야겠습니다. 감사합니다.
네이버웨일브라우저에 나오는 시계처럼 하고싶은는데 실력이 모자라서 있는코드 그대로 카피했습니다.
<?php include_once(G5_PLUGIN_PATH."/clock/clock3.php"); ?> 이런식으로 게시판안에 시계를 넣는 경우에 댓글작성시에 "올바른 방법으로 사용해주세요"라고 나오는 오류를 수정했습니다.
다시 다운로드해주세요^^
항상 관심을 가져주시고 격려해주셔서 고맙습니다^^

[code]
<a href="#1" onclick="window.open('<?php echo G5_PLUGIN_URL?>/click/clock.php','','width=235,height=235')"><h2 title="시계"><?php include_once(G5_PLUGIN_PATH."/click/clock.php"); ?></h2></a>
[/code]
이렇게 사용하세요.

이것을 어디에다 넣어면 될까요 해드입니까

들레아빠님 설명쫌 주세요

tail의 <div id="aside">입니다.

감사합니다.

관심을 가져주시고 격려해주셔 감사드립니다
<?php include_once(G5_PLUGIN_PATH."/clock/clock1.php"); ?> 이런식으로 게시판안에 시계를 넣는 경우에 댓글작성시에 "올바른 방법으로 사용해주세요"라고 나오는 오류를 수정했습니다.
다시 다운로드해주세요^^

감사합니다

감사합니다. 다반향님의 격려가 힘이 됩니다.
<?php include_once(G5_PLUGIN_PATH."/clock/clock3.php"); ?> 이런식으로 게시판안에 시계를 넣는 경우에 댓글작성시에 "올바른 방법으로 사용해주세요"라고 나오는 오류를 수정했습니다.
다시 다운로드해주세요^^

감사합니다. 수고하셨습니다

관심을 가져주시고 격려해주셔고 고맙습니다.
비타주리님의 스킨과 플러그인에 비하면 한 참 모자랍니다. 비타주리님 코드보고 많이 배우고 있습니다. 이렇게 있는 코드를 짜깁기하는 것도 재미가 있습니다.^^
<?php include_once(G5_PLUGIN_PATH."/clock/clock3.php"); ?> 이런식으로 게시판안에 시계를 넣는 경우에 댓글작성시에 "올바른 방법으로 사용해주세요"라고 나오는 오류를 수정했습니다.
다시 다운로드해주세요^^

모바일은 디지털 시계라도 만들어 주세요~~~~~ ㅎㅎ
감사합니다.

비타주리님이나 들레아빠님 정도면 디지털시계는 즉석에 뚝딱 코드를 만들텐데요. 이제 초보를 갓 벗어나서 디지털시계코드 찾아보고 적용해보겠습니다.
관심을 가져주시고 격려해주셔서 고맙습니다.
<?php include_once(G5_PLUGIN_PATH."/clock/clock3.php"); ?> 이런식으로 게시판안에 시계를 넣는 경우에 댓글작성시에 "올바른 방법으로 사용해주세요"라고 나오는 오류를 수정했습니다.
다시 다운로드해주세요^^