倒计时
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script> </head> <body> <div id="time"></div> <div onclick="start()">开始</div> <div onclick="pasue()">暂停</div> <script> var totalTime = 1 * 60; // 1分钟 var timeInter = null function timeFun() { timeInter = setInterval(updataTime, 1000) } function updataTime() { if (totalTime == 0) { clearInterval(timeInter); return false } totalTime = totalTime - 1; var timeStr = formateTime(totalTime); $("#time").html(timeStr); console.log('totalTime ', totalTime); } // 格式化时间 function formateTime(time) { var h = 0; var m = 0; var s = time; var str = ""; if (s >= 60) { m = parseInt(time / 60); s = parseInt(time % 60); if (m >= 60) { h = parseInt(m / 60); m = parseInt(m % 60); } } h = h < 10 ? "0" + h : h; m = m < 10 ? "0" + m : m; s = s < 10 ? "0" + s : s; str = h + ':' + m + ':' + s return str } // 开始 function start() { timeFun(); } // 暂停 function pasue() { clearInterval(timeInter); } timeFun() </script> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
2022-05-17 uni-app 新开页面打开文档 uni.openDocument(OBJECT) 以及第一次可以打开 第二次无法打开的问题
2022-05-17 uni-app web-view 如果设置不全屏 不自动铺满
2022-05-17 HBulidX快捷键使用
2022-05-17 echarts 环形图(圆角)