js计时器

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计时器</title>
<script type="text/javascript">
var t=0;
var t1;
//定义$函数获取id
function $(id){
　　return document.getElementById(id);
}
//开始计时
function timeStart(){
　　hour = parseInt(t / 3600);// 时
　　min = parseInt(t / 60);// 分
　　if(min>=60){
　　　　min = min % 60;
　　}
　　lastsecs = t % 60; //秒
　　if(lastsecs<10){lastsecs = ‘0‘ + lastsecs;}
　　if(min<10){min = ‘0‘ + min;}
　　if(hour<10){hour = ‘0‘ + hour;}
　　//在输入框显示计时
　　$(‘txt‘).value = hour + ":" + min + ":" + lastsecs;
　　t = t + 1;
　　t1 = setTimeout(‘timeStart()‘,1000)
　　$(‘start‘).style.display = "none";
　　$(‘stop‘).style.display = "";
}
//停止计时
function timeStop(){
　　clearTimeout(t1)
　　$(‘start‘).style.display = "";
　　$(‘stop‘).style.display = "none";
}
//清除
function clearAll(){
　　t=0;
　　$(‘txt‘).value= "00:" + "00:" + "00";
　　clearTimeout(t1);
　　$(‘start‘).style.display ="";
　　$(‘stop‘).style.display = "none";
}
</script>
</head>
<body>
<p>点击“开始计时”按钮启动计时器开始进行计时，从 0 开始,点击“停止计时”按钮停止计时。</p>
<form>
<input type="text" id="txt" value="00:00:00" />
<input type="button" value="开始计时" id="start" onClick="timeStart()" />
<input type="button" value="停止计时" style="display:none" id="stop" onClick="timeStop()" />
<input type="button" value="清除" onClick="clearAll()" />
</form>
</body>
</html>

时间： 2024-08-26 18:01:28

js计时器的相关文章

js计时器的问题

不说话直接上代码了 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jishiqi</title> </head> <body> </body> </html> <script type="text/javascript"> var str="三小的校

JS 计时器参数剖析与真题

JS 计时器参数剖析与真题 HTML5学堂-码匠:计时器的第一个参数,包含几种不同的书写方法,可以是函数名,匿名函数,JS代码字符串,还有一些面试题当中会出现"函数调用"的书写方式. 那么,这些不同的书写方法分别表示什么呢?在计时器中出现的第一个参数,作用域又是在哪里创建的? 计时器的第一个参数 函数名的书写方法 这是最为常见的一种书写方法,该方法表示的是,在固定毫秒之后,将这个函数名的函数添加到执行队列当中,让其执行. 字符串式的书写方法 当一个函数有参数时,很多人会采用这样的调用方

js计时器方法的使用

js中计时器重要使用window.setInterval()方法和window.setTimeout()方法, 其中setInterval()方法的作用是每隔一段时间执行一次方法,而window.setTimeout()在一段时间内调用函数. setTimeout()方法一般通过调用自身迭代的方式实现计时器.与这两个方法对应的,还有清除这两个函数效果的 两个方法,分别是window.clearInterval()和window.clearTimeout(). 1.setInterval()和cl

js计时器方法 setInterval(),setTimeout()

window.setInterval() 周期性地调用一个函数(function)或者执行一段代码. 1 var intervalID = window.setInterval(func, delay[, param1, param2, ...]); 2 var intervalID = window.setInterval(code, delay); //不推荐 window.clearInterval() 取消掉用setInterval设置的重复执行动作. 1 window.clearInt

微信小程序 js 计时器

function timing(that) {  var seconds = that.data.seconds  if (seconds > 21599) {    that.setData({      time: '6小时,不想继续了gg'    });    return;  }  setTimeout(function () {    that.setData({      seconds: seconds + 1    });    timing(that);  }    , 100

js 计时器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body ><div id="div" style="border: 1px solid royalblue;floating:left; margin:0 a

js の 计时器

JavaScript 计时事件 通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.我们称之为计时事件. 在 JavaScritp 中使用计时事件是很容易的,两个关键方法是: setInterval() - 间隔指定的毫秒数不停地执行指定的代码. setTimeout() - 暂停指定的毫秒数后执行指定的代码 1.setInterval() 方法 setInterval() 间隔指定的毫秒数不停地执行指定的代码 语法 window.se

JS中的计时器事件

JS可以实现很多java代码不易完成的功能.这里学习一些js中的计时器事件. JavaScript 一个设定的时间间隔之后来执行代码,称之为计时事件. 主要通过两个方法来实现: 1.setInterval() - 间隔指定的毫秒数不停地执行指定的代码. 2.setTimeout() - 暂停指定的毫秒数后执行指定的代码 并且,这两个方法都是window对象的方法. 首先,介绍setInterval()方法,该方法值得是间隔一定的毫秒数不停的执行指定的代码. 语法:window.setInterv

Js基础操作

var a="zhangsan"; document.write(a+":I love JavaScrip"); a="lisi"; document.write("<br/>"); document.write(a+":I love JavaScrip"); alert('haha'); 函数的编写 function test(){ var mymessage=confirm("你喜