diff --git a/src/modules/04_checkin/views/Checkin.vue b/src/modules/04_checkin/views/Checkin.vue
index 058859e..1cdfc19 100644
--- a/src/modules/04_checkin/views/Checkin.vue
+++ b/src/modules/04_checkin/views/Checkin.vue
@@ -160,12 +160,30 @@ const confirm = () => {
   dialogTime.value = true;
 };
 
-var date = Date.now();
-let formattedH = moment(date).format("HH");
-let formattedM = moment(date).format("mm");
-let formattedS = moment(date).format("ss");
-
+// var date = Date.now();
+// let formattedH = moment(date).format("HH");
+// let formattedM = moment(date).format("mm");
+// let formattedS = moment(date).format("ss");
 const time = new Date().toLocaleTimeString();
+const formattedS = ref();
+const formattedM = ref();
+const formattedH = ref();
+
+onMounted(() => {
+  updateClock();
+});
+
+// อัพเดทเวลา
+function updateClock() {
+  const date = Date.now();
+  let hh = moment(date).format("HH");
+  let mm = moment(date).format("mm");
+  let ss = moment(date).format("ss");
+  formattedS.value = ss;
+  formattedM.value = mm;
+  formattedH.value = hh;
+}
+setInterval(updateClock, 1000); // เรียกอัพเดททุกๆ 1 วิ
 </script>
 
 <style></style>