File size: 4,141 Bytes
eadf58c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 |
import streamlit as st
import time
import pytz
from datetime import datetime
import matplotlib.pyplot as plt
# Set page configuration
st.set_page_config(page_title="Countdown Timer", layout="centered")
# Function to display the current time (Seoul Time)
def display_current_time():
seoul_tz = pytz.timezone('Asia/Seoul') # Set timezone to Seoul
current_time = datetime.now(seoul_tz).strftime("%H:%M:%S") # Convert to Seoul time
# Style the clock (increase font size and set color)
st.markdown(
f"<h1 style='text-align: center; font-size: 60px; color: #5785A4;'>{current_time}</h1>", # Big font size for the clock
unsafe_allow_html=True
)
# Function to update the progress circle with time inside or display "Time's Up!"
def update_progress_circle(remaining_time, total_time, time_up):
fig, ax = plt.subplots(figsize=(2, 2)) # Smaller figure size to fit layout
if time_up:
# Show "Time's Up!" in the center of the circle
ax.pie([1], colors=['#6d8c9c'], startangle=90, counterclock=False, wedgeprops=dict(width=0.3))
ax.text(0, 0, "Time's Up!", fontsize=10, va='center', ha='center') # Smaller font size for "Time's Up!"
else:
# Calculate the proportion of remaining time
fraction_completed = remaining_time / total_time if total_time > 0 else 0
ax.pie([fraction_completed, 1 - fraction_completed], colors=['#6d8c9c', '#D5DEDD'], startangle=90, counterclock=False, wedgeprops=dict(width=0.3))
# Format and add remaining time as text in the center of the circle
minutes, seconds = divmod(remaining_time, 60)
ax.text(0, 0, f"{int(minutes):02d}:{int(seconds):02d}", fontsize=14, va='center', ha='center') # Adjusted font size for remaining time
ax.set_aspect('equal')
return fig
# Initialize session state for countdown
if "countdown_started" not in st.session_state:
st.session_state.countdown_started = False
if "start_time" not in st.session_state:
st.session_state.start_time = 0
if "remaining_time" not in st.session_state:
st.session_state.remaining_time = 0
if "time_up" not in st.session_state:
st.session_state.time_up = False
# Display current time
display_current_time()
# Input field for countdown time in seconds
st.session_state.start_time = st.number_input("Set Countdown Time (in seconds)", min_value=0, max_value=3600, value=10)
# Function to start the countdown timer
def start_countdown():
if not st.session_state.countdown_started:
st.session_state.remaining_time = st.session_state.start_time
st.session_state.countdown_started = True
st.session_state.time_up = False
# Function to reset the countdown timer
def reset_countdown():
st.session_state.start_time = 0
st.session_state.remaining_time = 0
st.session_state.countdown_started = False
st.session_state.time_up = False
# Buttons to Start and Reset the countdown
start_button, reset_button = st.columns([1, 1])
with start_button:
if st.button("Start Countdown"):
start_countdown()
with reset_button:
if st.button("Reset Countdown"):
reset_countdown()
# Placeholder for displaying the countdown time
progress_placeholder = st.empty()
# Timer countdown logic (runs when countdown has started)
if st.session_state.countdown_started and not st.session_state.time_up:
if st.session_state.remaining_time > 0:
# Update the circular progress chart with time in the center
fig = update_progress_circle(st.session_state.remaining_time, st.session_state.start_time, time_up=False)
progress_placeholder.pyplot(fig)
# Decrease the remaining time
st.session_state.remaining_time -= 1
time.sleep(1)
else:
# When the countdown finishes, display "Time's Up!" inside the circle
st.session_state.time_up = True
fig = update_progress_circle(st.session_state.remaining_time, st.session_state.start_time, time_up=True)
progress_placeholder.pyplot(fig)
st.session_state.countdown_started = False
# Ensure continuous display of current time
time.sleep(0.1)
|