电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

JS使用setInterval計時器實現挑戰10秒

瀏覽:106日期:2024-04-13 09:24:18

JS實現挑戰10秒,主要用到setInterval計時器,供大家參考,具體內容如下

效果圖

JS使用setInterval計時器實現挑戰10秒

## 完整代碼

<html lang='en'><head><meta charset='UTF-8'><title>js計時器</title></head><body><p style='font-size: 2em;color: blue;font-style: italic;'>挑戰10.00秒</p><p style='font-size: 2em;color: red;'>00:00</p><input type='button' value='開始' onclick='oStart()'><input type='button' value='結束' onclick='oStop()'><input type='button' value='重置' onclick='oReset()'><script> var n= 0, timer=null; var txt=document.getElementById('time'); //開始計時 function oStart() { clearInterval(timer); timer=setInterval(function () { n++; var m=parseInt(n/60); var s=parseInt(n%60); txt.innerText=toDub(m)+':'+toDub(s); },1000/60); }; //暫停并且清空計時器 function oStop() { clearInterval(timer);// txt.innerText='我愛你'; } //重置 function oReset() { txt.innerText='00:00'; n=0; } //補零 function toDub(n){ return n<10?'0'+n:n; }</script></body></html>

更多關于倒計時的文章請查看專題: 《倒計時功能》

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 武汉印刷厂-不干胶标签印刷厂-武汉不干胶印刷-武汉标签印刷厂-武汉标签制作 - 善进特种标签印刷厂 | 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 不锈钢散热器,冷却翅片管散热器厂家-无锡市烨晟化工装备科技有限公司 | 电池挤压试验机-自行车喷淋-车辆碾压试验装置-深圳德迈盛测控设备有限公司 | 鑫达滑石-辽宁鑫达滑石集团 | 小型UV打印机-UV平板打印机-大型uv打印机-UV打印机源头厂家 |松普集团 | 河南卓美创业科技有限公司-河南卓美防雷公司-防雷接地-防雷工程-重庆避雷针-避雷器-防雷检测-避雷带-避雷针-避雷塔、机房防雷、古建筑防雷等-山西防雷公司 | TPU薄膜_TPU薄膜生产厂家_TPU热熔胶膜厂家定制_鑫亘环保科技(深圳)有限公司 | 尊享蟹太太美味,大闸蟹礼卡|礼券|礼盒在线预订-蟹太太官网 | 光栅尺_Magnescale探规_磁栅尺_笔式位移传感器_苏州德美达 | 合肥风管加工厂-安徽螺旋/不锈钢风管-通风管道加工厂家-安徽风之范 | 北京网站建设首页,做网站选【优站网】,专注北京网站建设,北京网站推广,天津网站建设,天津网站推广,小程序,手机APP的开发。 | 蔬菜配送公司|蔬菜配送中心|食材配送|饭堂配送|食堂配送-首宏公司 | 防爆电机生产厂家,YBK3电动机,YBX3系列防爆电机,YBX4节防爆电机--河南省南洋防爆电机有限公司 | 蜘蛛车-高空作业平台-升降机-高空作业车租赁-臂式伸缩臂叉装车-登高车出租厂家 - 普雷斯特机械设备(北京)有限公司 | 工业车间焊接-整体|集中除尘设备-激光|等离子切割机配套除尘-粉尘烟尘净化治理厂家-山东美蓝环保科技有限公司 | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 | 单机除尘器 骨架-脉冲除尘器设备生产厂家-润天环保设备 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 护腰带生产厂家_磁石_医用_热压护腰_登山护膝_背姿矫正带_保健护具_医疗护具-衡水港盛 | 网站优化公司_北京网站优化_抖音短视频代运营_抖音关键词seo优化排名-通则达网络 | 深圳公司注册-工商注册代理-注册公司流程和费用_护航财税 | PSI渗透压仪,TPS酸度计,美国CHAI PCR仪,渗透压仪厂家_价格,微生物快速检测仪-华泰和合(北京)商贸有限公司 | 绿叶|绿叶投资|健康产业_绿叶投资集团有限公司 | 飞行者联盟-飞机模拟机_无人机_低空经济_航空技术交流平台 | 东莞螺丝|东莞螺丝厂|东莞不锈钢螺丝|东莞组合螺丝|东莞精密螺丝厂家-东莞利浩五金专业紧固件厂家 | 西安耀程造价培训机构_工程预算实训_广联达实作实操培训 | 仿清水混凝土_清水混凝土装修_施工_修饰_保护剂_修补_清水混凝土修复-德州忠岭建筑装饰工程 | 平面钻,法兰钻,三维钻-山东兴田阳光智能装备股份有限公司 | 乳化沥青设备_改性沥青设备_沥青加温罐_德州市昊通路桥工程有限公司 | 西点培训学校_法式西点培训班_西点师培训_西点蛋糕培训-广州烘趣西点烘焙培训学院 | 安徽集装箱厂-合肥国彩钢结构板房工程有限公司| 应急灯_消防应急灯_应急照明灯_应急灯厂家-大成智慧官网 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库-首页-东莞市傲马网络科技有限公司 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 耐酸碱泵-自吸耐酸碱泵型号「品牌厂家」立式耐酸碱泵价格-昆山国宝过滤机有限公司首页 | 南京蜂窝纸箱_南京木托盘_南京纸托盘-南京博恒包装有限公司 | 电机修理_二手电机专家-河北豫通机电设备有限公司(原石家庄冀华高压电机维修中心) | 层流手术室净化装修-检验科ICU改造施工-华锐净化工程-特殊科室建设厂家 | 渗透仪-直剪仪-三轴仪|苏州昱创百科| 游戏版号转让_游戏资质出售_游戏公司转让-【八九买卖网】 |