diff --git a/Time_Clock/index.html b/Time_Clock/index.html
new file mode 100644
index 0000000..e9ff305
--- /dev/null
+++ b/Time_Clock/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <title></title>
+</head>
+<body>
+  <input type="date" name="" id="date" value="">
+  <input type="time" name="" id="time" value="">
+  <button id="set">set</button>
+  <input type="text" id="now" value="" readonly>
+  <script type="text/javascript">
+  (function(){
+    'use strict';
+
+    var dt = {
+      year: '',
+      month: '',
+      day: '',
+      hour: '',
+      minute: ''
+    };
+
+    setInterval(function() {
+      document.getElementById('now').value = new Date();
+    }, 1000)
+
+    function setTime(time) {
+      navigator.mozTime.set(time);
+    }
+
+    window.addEventListener('moztimechange', function() {
+      console.log('changed');
+    });
+
+    document.getElementById('date').addEventListener('blur', function(ev) {
+      var val = this.value.split(/\D/);
+      dt.year = val[0];
+      dt.month = --val[1];
+      dt.day = val[2];
+    });
+
+    document.getElementById('time').addEventListener('blur', function(ev) {
+      var val = this.value.split(/\D/);
+      dt.hour = val[0];
+      dt.minute = val[1];
+    });
+
+    document.getElementById('set').addEventListener('click', function(ev) {
+      setTime(new Date(dt.year, dt.month, dt.day, dt.hour, dt.minute));
+    });
+   
+  })();
+  </script>
+</body>
+</html>
diff --git a/Time_Clock/manifest.webapp b/Time_Clock/manifest.webapp
new file mode 100644
index 0000000..02f7db7
--- /dev/null
+++ b/Time_Clock/manifest.webapp
@@ -0,0 +1,17 @@
+{
+  "name": "Time_Clock",
+  "description": "Time & Clock API test app",
+  "launch_path": "/index.html",
+  "icons": {
+    "128": "nothing.png"
+  },
+  "developer": {
+    "name": "고윤지, 변상필, 정규용",
+    "url": ""
+  },
+  "default_locale": "ko",
+  "type": "certified",
+  "permissions": {
+    "time": {}
+  }
+}
