Javascript实现秒表倒计时

红太狼 2022-06-12 08:59 250阅读 0赞

![这里写图片描述][SouthEast]

--------------------

<html>
    
    <body>
    <span id="clock" style="font-size: 3em">00:30:00:00</span>
    <script type="text/javascript"> var oclock=document.getElementById("clock"); var start1 = oclock.innerHTML; var finish = "00:00:00:00"; var timer = null; run(); function run() { //定义时间函数，让秒表每100ms变化一次 timer =setInterval("onTimer()", 100);//100ms的定时器 } function onTimer() { if (start1 == finish)//如果倒计时结束清除时间函数 { clearInterval(timer); start1="00:00:00:10";//(清除时间函数后还是会执行一次 所以多给一个10ms再动态赋值) } var hms = new String(start1).split(":");//以:作为分隔符号取字符串内的数据 var ms = new Number(hms[3]);//给每个数据定义对象 var s = new Number(hms[2]); var m = new Number(hms[1]); var h = new Number(hms[0]); ms -= 10;//每次执行ms减10 if (ms < 0)//判断时间并进行变化 { ms = 90; s -= 1; if (s < 0) { s = 59; m -= 1; } if (m < 0) { m = 59; h -= 1; } } var ms = ms < 10 ? ("0" + ms) : ms;//如果出现个位数给个位数前面添加0 var ss = s < 10 ? ("0" + s) : s; var sm = m < 10 ? ("0" + m) : m; var sh = h < 10 ? ("0" + h) : h; start1 = sh + ":" + sm + ":" + ss + ":" + ms; oclock.innerHTML = start1;//重新给oclock赋值 } </script>
    </body>
    </heml>

[SouthEast]: /images/20220612/61716cbcb1594ff7b35c22d849430435.png

发表评论取消回复

表情：

评论列表（有 0 条评论，250人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript实现高考倒计时

<script type="text/javascript"> var date1=new Date("2023,6,7"); var da

迈不过友情╰/ 2024年03月22日 16:43/ 0 赞/ 41 阅读

相关 [JavaScript]js实现倒计时

<body> <time></time> <script> function isDate() {

逃离我推掉我的手/ 2022年11月29日 00:59/ 0 赞/ 271 阅读

相关 JavaScript 实现倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

超、凢脫俗/ 2022年11月27日 12:13/ 0 赞/ 255 阅读

相关 JavaScript 倒计时

<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf8"

淩亂°似流年/ 2022年07月11日 13:28/ 0 赞/ 220 阅读

相关 Javascript实现秒表倒计时

![这里写图片描述][SouthEast] -------------------- <html> <body> <span id="cl

红太狼/ 2022年06月12日 08:59/ 0 赞/ 251 阅读

相关 Javascript实现时间倒计时

这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset="

蔚落/ 2022年06月12日 03:55/ 0 赞/ 339 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 388 阅读

相关 javascript倒计时

<script type="text/javascript"> clock();//一开始来去初始化倒计时 setI

阳光穿透心脏的1/2处/ 2022年01月26日 15:01/ 0 赞/ 329 阅读

相关 JavaScript倒计时

<h3 id="countDate"></h3> <script> function countTime(targetDate) {

冷不防/ 2022年01月20日 07:57/ 0 赞/ 317 阅读

相关 javascript实现奥运倒计时代码

js实现奥运倒计时代码转自: Js中国 [http://javascriptxml.5d6d.com/thread-4-1-1.html][http_javascri

逃离我推掉我的手/ 2021年11月22日 10:12/ 0 赞/ 346 阅读