diff --git a/index.html b/index.html
index 51a8aa2..7d61130 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,9 @@ <h1 class="subtitle">Todo-List</h1>
           <button class="sort-button" onclick="sortTodos('priority')">
             Sort by Priority
           </button>
+          <button class="sort-button" onclick="sortTodos('time')">
+            Sort by time
+          </button>
           <select class="js-filter-input" onchange="filterTodos()">
             <option value="all">All</option>
             <option value="pending">Pending</option>
diff --git a/script.js b/script.js
index 6de13e8..11146e3 100644
--- a/script.js
+++ b/script.js
@@ -179,6 +179,11 @@ function updateTodoList() {
       return currentSortOrder === 'asc'
         ? priorityOrder[a.priority] - priorityOrder[b.priority]
         : priorityOrder[b.priority] - priorityOrder[a.priority];
+    } else if (currentSortMethod === 'time') {
+      // Directly compare time strings
+      return currentSortOrder === 'asc'
+        ? a.time.localeCompare(b.time)
+        : b.time.localeCompare(a.time);
     }
   });
 
@@ -245,10 +250,13 @@ function setDefaultDateTime() {
 
 function sortTodos(sortBy) {
   if (sortBy === 'priority') {
-    currentSortOrder = currentSortOrder === 'asc' ? 'desc' : 'asc';
+    currentCategorySortOrder = currentSortOrder === 'asc' ? 'desc' : 'asc';
   } else if (sortBy === 'category') {
     currentCategorySortOrder =
       currentCategorySortOrder === 'asc' ? 'desc' : 'asc';
+  } else if (sortBy === 'time') {
+    currentCategorySortOrder =
+      currentCategorySortOrder === 'asc' ? 'desc' : 'asc';
   }
   currentSortMethod = sortBy;
   updateTodoList();
@@ -305,6 +313,9 @@ document.addEventListener('DOMContentLoaded', () => {
   document
     .querySelector('.sort-button-priority')
     .addEventListener('click', () => sortTodos('priority'));
+  document
+    .querySelector('.sort-button-time')
+    .addEventListener('click', () => sortTodos('time'));
 
   // Add event listener for filter button
   document