<!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>
js计时器
时间： 2024-11-15 17:57:57
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("你喜