当前位置：首页 > news >正文

AI编程：打造炫酷多语倒计时器

news 2025/7/7 9:47:35

快节奏的时代，时间管理是我们要面临的问题之一，无论是演讲比赛、微课大赛、课堂授课、各类汇报都要在规定的时间内完成特定的任务，那么如何能够准确地把握时间呢？我们这里借助于人工智能工具ChatGPT，开发出多个倒计时工具，使用的语言包括了python、VBA和Html，用户可以选择在不同的场景，结合个人的实际情况来使用它们。

一、采用Python编写

1. 功能简介

Python是一种比较灵活的胶水语言，可以自定以各种功能，包括前端显示、时间设定、计时提醒等，唯一的不足是需要打包成exe，有时它还会被360识别为病毒软件，在不同的终端下可能会要求不同的打包方式。本人以windows为例，利用python中的tkinter框架，开发出如下的倒计时工具：

Python倒计时工具

其主要特点是：支持快捷键操作；字体大小可调；界面可最小化；到期有提醒；时间可以在一小时内设定；操作比较简单。

2. 样例代码

import tkinter as tk
from tkinter import messageboxclass CountdownTimer:def __init__(self, root):self.root = rootself.root.title("倒计时1.0 By Gordon")self.root.attributes("-topmost",1)self.root.geometry("500x320")self.timelabel = tk.Label(self.root, text="设置倒计时时间",font=("Helvetica", 14,'bold'))self.timelabel.pack()self.minute_var = tk.StringVar(root)self.minute_var.set("25")self.minute_option = tk.OptionMenu(root, self.minute_var, *range(1,60))self.minute_option.pack()self.remaining_time = 25 * 60  # 默认倒计时时间为25分钟self.is_running = Falseself.is_paused = False#设置日钟显示self.timer_label = tk.Label(self.root, text="", font=("Helvetica", 120,"bold"),fg="blue")self.timer_label.pack(expand=True, fill=tk.BOTH, pady=20)button_frame = tk.Frame(self.root)button_frame.pack(side=tk.TOP,anchor="n")# 设置 Scale 控件在同一行self.scale = tk.Scale(button_frame, from_=50, to=400, width=15, orient='horizontal', command=self.resize)self.scale.set(120)self.scale.pack(expand=True, fill=tk.BOTH)  # 确保 Scale 在同一行self.start_button = tk.Button(button_frame, text="开始(S)", width=10, font=("times new romman", 11),command=self.start_timer)self.start_button.pack(side=tk.LEFT)self.reset_button = tk.Button(button_frame, text="重置(R)", width=10, font=("times new romman", 11),command=self.reset_timer)self.reset_button.pack(side=tk.LEFT)self.pause_button = tk.Button(button_frame, text="暂停(P)", width=10, font=("times new romman", 11),command=self.pause_timer)self.pause_button.pack(side=tk.LEFT)self.exit_button = tk.Button(button_frame, text="退出(Q)", width=10, font=("times new romman", 11), command=self.ui_quit)self.exit_button.pack(side=tk.LEFT)self.exit_button = tk.Button(button_frame, text="最小化(Q)", width=10, font=("times new romman", 11), command=self.ui_quit)self.exit_button.pack(side=tk.LEFT)self.update_timer()self.root.bind('<r>',self.reset_timer)self.root.bind('<s>',self.start_timer)self.root.bind('<p>',self.pause_timer)self.root.bind('<q>',self.ui_quit)def resize(self,ev = None):# 监控窗口是不是最大化，最大化则字体变大，否则为55号字if self.root.state() == 'zoomed':self.timer_label.config(font = 'Helvetica -%d bold' % self.scale.get())elif not self.root.state() == 'zoomed':#self.root.state() == 'iconic':self.timer_label.config(font = 'Helvetica -%d bold' % 120)self.after_id = self.root.after(1000, self.resize)def ui_quit(self,envent = None):self.root.after_cancel(self.after_id)  # 取消所有 after 调用self.root.destroy()self.root.quit()def update_timer(self):if self.remaining_time == 0:self.timer_label.configure(text="Time's up!",font=("Helvetica", 200),fg="red")messagebox.showinfo("倒计时完成", "时间已到！")self.is_running = Falseself.is_paused = Trueminutes = int(self.minute_var.get())self.remaining_time = minutes * 60minutes = self.remaining_time // 60seconds = self.remaining_time % 60self.timer_label.configure(text=f"{minutes:02d}:{seconds:02d}",fg="blue")if self.is_running and not self.is_paused:self.remaining_time -= 1self.after_id = self.root.after(1000, self.update_timer)def start_timer(self,event=None):if not self.is_running:minutes = int(self.minute_var.get())self.remaining_time = minutes * 60self.is_running = Trueself.is_paused = Falseself.pause_button.configure(text="暂停(P)")def reset_timer(self,event = None):self.is_running = Falseself.remaining_time = int(self.minute_var.get()) * 60  # 默认倒计时时间为1分钟#self.timer_label.configure(text="")self.pause_button.configure(text="暂停(P)")def pause_timer(self,event = None):if self.is_paused:self.is_paused = Falseself.pause_button.configure(text="暂停(P)")else:self.is_paused = Trueself.pause_button.configure(text="继续(P)")if __name__ == "__main__":root = tk.Tk()countdown_timer = CountdownTimer(root)root.mainloop()

二、VBA编写的倒计时

1. 功能介绍

采用VBA编写主要好处是不需要利用了电脑自带的Excel软件，在多个终端平台可以使用，打开即用，基本不挑终端，只要你在Excel中点【文件】-【选项】-【信任中心】-【启用所有宏】即可。此软件以xlsm结尾，打开即可展示，双击界面可以设定倒计时的时间，支持1小时之内倒计时设置。

启用所有宏

软件的界面比较小，考虑在播放课件时使用，但是目前的问题是前端显示无法满足，因此功能还有一定的欠缺。

VBA倒计时工具

2. 代码展示

以下是相关代码供参考：

窗体设置名称为CountdownForm，里面的代码如下：

' 模块顶部变量
Public remainingSeconds As Long
Public isRunning As Boolean
Private targetTime As Date' 初始化窗体，放右下角并启动倒计时
Private Sub UserForm_Initialize()Me.Left = Application.UsableWidth - Me.WidthMe.Top = Application.UsableHeight - Me.HeightStartCountdown
End Sub' 启动倒计时（默认25分钟）
Public Sub StartCountdown()remainingSeconds = 25 * 60targetTime = Now + TimeSerial(0, 0, remainingSeconds)isRunning = TrueUpdateLabelScheduleTick True
End Sub' 更新时间显示
Public Sub UpdateLabel()Dim h As Long, m As Long, s As Longh = remainingSeconds \ 3600m = (remainingSeconds Mod 3600) \ 60s = remainingSeconds Mod 60lblTime.Caption = Format(h, "00") & ":" & Format(m, "00") & ":" & Format(s, "00")
End Sub' 安排下一次计时，默认1秒后触发
Private Sub ScheduleTick(Optional force As Boolean = False)Dim scheduledTime As DateIf (isRunning And remainingSeconds > 0) Or force ThenscheduledTime = Now + (1.15 / 86400)Application.OnTime scheduledTime, "CountdownForm_Tick"End If
End Sub' 每秒调用的计时过程（全局入口）
Public Sub CountdownForm_Tick()CountdownForm.Tick
End Sub' Tick：精准计算剩余时间，并处理时间耗尽
Public Sub Tick()If isRunning ThenremainingSeconds = DateDiff("s", Now, targetTime)If remainingSeconds <= 0 ThenremainingSeconds = 0isRunning = FalseUpdateLabelMsgBox "时间到！", vbInformationElseUpdateLabelScheduleTickEnd IfEnd If
End Sub' 双击时间标签：重新设置倒计时
Private Sub lblTime_DblClick(ByVal Cancel As MSForms.ReturnBoolean)Dim inputStr As StringDim inputMin As LonginputStr = InputBox("请输入倒计时时间（分钟），范围1~60：", "设置倒计时", CStr(remainingSeconds \ 60))If inputStr = "" Then Exit Sub ' 用户取消If IsNumeric(inputStr) TheninputMin = CLng(inputStr)If inputMin >= 1 And inputMin <= 60 ThenremainingSeconds = inputMin * 60targetTime = Now + TimeSerial(0, 0, remainingSeconds)isRunning = TrueUpdateLabelScheduleTick force:=TrueElseMsgBox "请输入1到60之间的数字！", vbExclamationEnd IfElseMsgBox "请输入有效的数字！", vbExclamationEnd If
End Sub
Private Sub UserForm_QueryClose(Cancel As Integer, CloseMode As Integer)Application.DisplayAlerts = False ' 不提示是否保存Application.Quit                  ' 直接退出 Excel
End Sub

在ThisWorkbook中设置如下代码

Private Sub Workbook_Open()Application.Visible = FalseCountdownForm.Show vbModeless' 然后设置窗体为活动窗口AppActivate CountdownForm.Caption
End Sub

在模块一中设置如下代码

Public Sub CountdownForm_Tick()On Error Resume NextCountdownForm.Tick
End Sub

三、采用Html+CSS+JS编写倒计时

1. 功能介绍

这个工具使用场景可设置在学校，界面可以设置成卡通模式，支持设定时分秒，字体可以调整大小，也可以全屏展示，同时时间到时还可以响铃。

Html+CSS+JS倒计时工具

2. 代码展示

以下是html代码

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="styles.css"><title>倒计时</title>
</head>
<body><div class="container"><h1>倒计时</h1><div id="timer">10:00</div><div class="controls"><input type="number" id="hours" value="0" min="0" class="time-input"><label for="hours">小时</label><input type="number" id="minutes" value="10" min="0" max="59" class="time-input"><label for="minutes">分钟</label><input type="number" id="seconds" value="0" min="0" max="59" class="time-input"><label for="seconds">秒</label></div><input type="range" id="fontSize" min="100" max="520" value="35" step="2"><span id="fontSizeValue">520</span> px</br><button id="setButton">设置时间</button><button id="startPauseButton">开始倒计时</button><button id="fullscreenButton">全屏显示</button></div><script src="script.js"></script>
</body>
</html>

以下是script.js代码展示

let timer;
let totalTime = 10 * 60; // 默认10分钟，以秒为单位
let isRunning = false;// 创建一个音频元素来播放铃声，并预加载
const bellSound = new Audio("上课铃声.mp3");
bellSound.play().then(() => bellSound.pause()).catch(error => {console.log("音频预加载失败，等待用户交互", error);
});function startTimer() {if (isRunning) return;isRunning = true;// 由于用户交互，重新尝试预加载音频bellSound.play().then(() => bellSound.pause());document.getElementById('startPauseButton').textContent = '暂停';timer = setInterval(() => {if (totalTime <= 0) {clearInterval(timer);isRunning = false;document.getElementById('startPauseButton').textContent = '开始倒计时';/*alert("倒计时结束!");*/bellSound.play(); // 倒计时结束播放铃声return;}totalTime--;const minutes = Math.floor(totalTime / 60);const seconds = totalTime % 60;document.getElementById('timer').textContent = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;}, 1000);
}function pauseTimer() {clearInterval(timer);isRunning = false;document.getElementById('startPauseButton').textContent = '继续倒计时';
}function toggleTimer() {if (isRunning) {pauseTimer();} else {startTimer();}
}function setTimer() {const hours = parseInt(document.getElementById('hours').value) || 0;const minutes = parseInt(document.getElementById('minutes').value) || 0;const seconds = parseInt(document.getElementById('seconds').value) || 0;totalTime = hours * 3600 + minutes * 60 + seconds;const displayMinutes = Math.floor(totalTime / 60);const displaySeconds = totalTime % 60;document.getElementById('timer').textContent = `${String(displayMinutes).padStart(2, '0')}:${String(displaySeconds).padStart(2, '0')}`;
}function toggleFullscreen() {if (!document.fullscreenElement) {document.documentElement.requestFullscreen();updateFontSize(); // 进入全屏时更新字号} else {if (document.exitFullscreen) {document.exitFullscreen();}}
}function changeFontSize() {const fontSize = document.getElementById('fontSize').value;document.getElementById('timer').style.fontSize = fontSize + 'px';document.getElementById('fontSizeValue').textContent = fontSize; // 更新字号显示
}function updateFontSize() {const fontSize = document.getElementById('fontSize').value;document.getElementById('timer').style.fontSize = fontSize + 'px';
}// 为按钮添加事件监听
document.getElementById('setButton').addEventListener('click', setTimer);
document.getElementById('startPauseButton').addEventListener('click', toggleTimer);
document.getElementById('fullscreenButton').addEventListener('click', toggleFullscreen);
document.getElementById('fontSize').addEventListener('input', changeFontSize);

以上是css代码展示

body {font-family: 'Comic Sans MS', Times, serif;background-color: #e6f7ff; /* 淡蓝色背景 */background-image: url('background.jpg'); /* 替换为您背景图片的路径 */background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;color: blue; /* 字体颜色 */margin: 0;height: 100vh;display: flex;justify-content: center;align-items: center;
}label {font-weight: bold;
}.container {text-align: center;
}#timer {font-size: 180px; /* 初始字号 */margin: 20px 0;
}.controls {margin: 20px 0;
}.time-input {width: 60px; /* 设置输入框宽度一致 */margin: 0 5px;
}button {margin: 5px;padding: 10px 15px;font-size: 16px;cursor: pointer;border: none;background-color: #4CAF50; /* 按钮背景色 */color: white; /* 按钮字体颜色 */border-radius: 5px;
}button:hover {background-color: #45a049; /* 按钮悬停效果 */
}