首页 > 网络技术 > 正文

js计时器,如何在Android下设计一个简单计时器

2020-05-04 20:07:27  来源:http://www.yummyboobs.net  编辑:admin

如何让Javascript倒计时器时间到0时停止计时

我给你我的代码,你参考一下,把这些放在<head>和</head>之间<span id="clock">00:00:05:00</span><input id="startB" type="button" value="start countdown!" onclick="run()"><input id="endB" type="button" value="stop countdown!" onclick="stop()"><br><input id="diff" type="text"><input id="next" type="text"><script language="Javascript">var normalelapse = 100;var nextelapse = normalelapse;var counter; var startTime;var start = clock.innerText; var finish = "00:00:00:00";var timer = null;// 开始e68a84e799bee5baa6e997aee7ad9431333236383433运行function run() { startB.disabled = true; endB.disabled = false; counter = 0; // 初始化开始时间 startTime = new Date().valueOf(); // nextelapse是定时时间, 初始时为100毫秒 // 注意setInterval函数: 时间逝去nextelapse(毫秒)后, onTimer才开始执行 timer = window.setInterval("onTimer()", nextelapse); }// 停止运行function stop() { startB.disabled = false; endB.disabled = true; window.clearTimeout(timer);}window.onload = function() { endB.disabled = true;}// 倒计时函数function onTimer(){if (start == finish){ window.clearInterval(timer); alert("time is up!"); return;}var hms = new String(start).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 -= 1;if (ms < 0){ ms = 9; s -= 1; if (s < 0) { s = 59; m -= 1; } if (m < 0) { m = 59; h -= 1; }}var ms = ms < 10 ? ("0" + ms) : ms;var ss = s < 10 ? ("0" + s) : s;var sm = m < 10 ? ("0" + m) : m;var sh = h < 10 ? ("0" + h) : h;start = sh + ":" + sm + ":" + ss + ":" + ms;clock.innerText = start;// 清除上一次的定时器window.clearInterval(timer);// 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间nextelapsecounter++; var counterSecs = counter * 100;var elapseSecs = new Date().valueOf() - startTime;var diffSecs = counterSecs - elapseSecs;nextelapse = normalelapse + diffSecs;//diff.value = counterSecs + "-" + elapseSecs + "=" + diffSecs;//next.value = "nextelapse = " + nextelapse;if (nextelapse < 0) nextelapse = 0;// 启动新的定时器timer = window.setInterval("onTimer()", nextelapse); }</script>

js怎么判断某个计时器是否开启

指的是setTimeout和setInterval?可以在clear的时候用一个变量记录是否被清除本回答被提问者和网友采纳

js中如何清除和开始计时器切换页面

请参考 window.setTimeout()window.setInterval()的用法,最简单的zhidao就是var i=0;function aa(){i++}var s = window.setInterval("aa()",1000)//每隔1000毫秒执行一次aa()

如何使用js的计时器来让一个div背景从左向右移动全部代码

你好,给你写了一个很基础的例子。参照着自己优化成你想要的效果吧。示例是这样的,鼠标移动到div上,背景图片会从左往右移动直至最右端。鼠标移出div,背景图标从右往左直至最左端。备注:考虑到宽度变化,本例背景图片使用百分比定位。根据你的实际情况也可改为使用像素(px)定位。<style>.bg-div{height:110px;background:url(https://gss0.bdstatic.com/7Ls0a8Sm1A5BphGlnYG/sys/portrait/item/27267a776a746b7505.jpg)0%centerno-repeat#ccc;}</style><divid="J_BgDiv"class="bg-div"></div><script>(function(){vardiv=document.getElementById('J_BgDiv');//背景百分比(从左至右,0%-100%)varpos=0;//背景向右移还是向左移(0:向右,1:向左)vardir=0;//每次移动的百分比,控制速度varstep=3;div.addEventListener('mouseover',function(){varnode=div;dir=0;if(!div.mover){div.mover=setInterval(function(){//每次移动10%if(dir===0){pos+=step;}else{pos-=step;}pos=pos>=100?100:pos;pos=pos<=0?0:pos;node.style.backgroundPosition=pos+'%center';},20);}},false);div.addEventListener('mouseout',function(){dir=1;},false);})();</script>希望能帮你解决问题e799bee5baa6e997aee7ad94e4b893e5b19e31333363383938,如有疑问可以追问。

老师要求写一个网页的秒表计时器,实现启动,暂停,复位,记次效果,下面是我写的代码,我记次搞不定

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>秒表</title><styletype="text/css">span{e799bee5baa6e4b893e5b19e31333361316562border:1pxsolidred;}</style><scripttype="text/javascript">window.onload=function(){varaIpt=document.getElementsByTagName('input')varaSpan=document.getElementsByTagName('span')varoDiv=document.getElementsByTagName('div')varn=0;aIpt[0].onclick=function(){that=setInterval(function(){aSpan[2].innerHTML=parseFloat(aSpan[2].innerHTML)+1if(aSpan[2].innerHTML==60){aSpan[2].innerHTML=0aSpan[1].innerHTML=parseFloat(aSpan[1].innerHTML)+1}elseif(aSpan[1].innerHTML==60){aSpan[1].innerHTML=0aSpan[0].innerHTML=parseFloat(aSpan[0].innerHTML)+1}},1000/60)}aIpt[1].onclick=function(){clearInterval(that)}aIpt[2].onclick=function(){clearInterval(that)aSpan[0].innerHTML="00"aSpan[1].innerHTML="00"aSpan[2].innerHTML="00"}aIpt[3].onclick=function(){n++oDiv[0].innerHTML+="第"+n+"名"+aSpan[0].innerHTML+"分"+aSpan[1].innerHTML+"秒"+aSpan[2].innerHTML+"毫秒"+"<br>"}}</script></head><body><inputtype="button"value="启动"name=""><inputtype="button"value="暂停"name=""><inputtype="button"value="复位"name=""><inputtype="button"value="计次"name=""><br><br><span>00</span>分<span>00</span>秒<span>00</span>毫秒<div></div></body></html>复制了你的代码完全不会动,我看着你的样式写了一个,你看看是不是你要的,如果是可以按照你老师的要求改下东西。如果不是可以参考我的自己重新再写一个。