setTimeout编写的秒表

最新推荐文章于 2022-10-13 18:03:01 发布
最新推荐文章于 2022-10-13 18:03:01 发布
阅读量622 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luyi1009/article/details/37745295
版权
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>秒表</title>
</head>
<style type="text/css">
input{
border:1px solid #0FF;
font-size:24px;
color:#00F;

}
#showtime{ width:332px;}






</style>


<script type="text/javascript">
var count=0;
var hour=0;var minute=0; var second=0;
var times;
function begin()
{



var millis=new Date().getMilliseconds();
if(millis==999)
{
second++;

}
if(second>=60)
{
minute++;
second=0;

}
if(minute>=60)
{
hour++;
minute=0;
}
document.getElementById("showtime").value=hour+":"+minute+":"+second+":"+millis;

times = setTimeout("begin()",0);
}

function pausetime()
{
clearTimeout(times);
}

function stoptime()
{
clearTimeout(times);
hour=minute=second=count=0;

}






</script>


<body>


<input type="text" id="showtime"/><br />
    <input type="button" οnclick="begin()" value="开始计时"/>
    <input type="button" οnclick="pausetime()" value="暂停"/>
    <input type="button" οnclick="begin()" value="继续"/>
    <input type="button" οnclick="stoptime()" value="停止"/>
    


</body>

</html>







写这个代码的时候给卡住了，原因是没有真正理解setTimeout方法的本质，它是隔一秒去调用一次方法，如果setTimeout（“”，1）是隔一秒调用一次，所以系统时间是过去了2毫秒......

luyi1009
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js定时器&setInterval()&setTimeout()&手机网页&秒表小项目
qq_44784185的博客
10-25 486
知识点 1.setTimeout(函数,时间)单次定时器 var a = 0 setTimeout(function () { a++; },1000); //本实例意思为变量a一秒后加1（一秒等于一千毫秒）只执行一次 2.setInterval(函数,时间)多次定时器 var a...
自己实现一个高性能的setTimeout和setInterval函数
baidu_28196435的博客
01-21 1214
自己实现一个高性能的setTimeout和setInterval函数浏览器默认提供的setTimeout和setInterval的问题requestAnimationFrame简单介绍setTimeout的实现setInterval的实现结语 浏览器默认提供的setTimeout和setInterval的问题 首先在针对浏览器端的默认实现中，setTimeout和setInterval的定时是不准...
使用setTimeOut实现秒表
abloger的专栏
08-06 371
clock var hour, minute, second;function stopwatch(){    var time = new Date();    hour = time.getHours();    minute = time.getMinutes();    second = time.getSeconds();    document.getElementById("sto
setTimeout 计时器
red_heel的博客
07-14 433
请更新
JS关于时间计时器setTimeout()和setInterval()实例
houzhyan-博客
03-30 2879
今天想写个倒计时的小应用,然后查了下两个函数setTimeout()和setInterval()都可以实现,都属于全局对象window。所以特地将js的这两函数的一些用法实例整理一下. 1.概念 1.setTimeout()HTML DOM Window 对象 定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法 setTime
JS的setTimeout计时器
T13533331461的博客
08-17 490
使用JavaScript可以使我们做到在一个设定的时间间隔之后再来执行相应的代码，而不是在函数被调用后就立即执行，这个功能就是 JavaScript中的计时事件。而要使用计时事件就需要用到JavaScript中的一个计时事件方法setTimeout，该方法可以使代码在未来的某个时间执行。 setTimeout方法需要用到两个参数，第一个参数是含有 JavaScript 语句的字符串。这个语句可以...
js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval
YY的博客
10-13 4575
js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval
使用setTimeout函数实现计时功能
huzijia888的博客
11-21 591
var c=0; var t; function qi(){//将需要隐藏的元素id传递进来 var bar=document.getElementById("ti1"); bar.innerHTML=c; c=c+1; t=setTimeout("qi()",100);//循环调用实现间隔100ms加1计时 } function ting(){ clearTimeout(t);
js 中的SetTimeOut()
u010450065的专栏
10-31 3972
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTi
关于setTimeout计时器问题
依稀梦兮的博客
04-03 739
for (var i = 1;i <= 5;i ++) { setTimeout(function timer() { console.log(i) },1000) } 执行程序时，先把计时器的函数放在线程任务中，相当于setTimeout(线程1，1000)，在执行完主任务for语句后（时间远小于1000）再调用线程，而此时i是全局变量，值为5，所以结果是:5,5,5,5,5同...
JavaScript——setTimeout()制作简易计时器
Searchin_R的博客
10-03 1664
不得不说，setTimeout()是一个非常神奇的东西，我们可以用它来掌控时间，从而达到意想不到的结果。 这里先看一下setTimeout()的定义。  定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 提示： 1000 毫秒= 1 秒。 提示： 如果你只想重复执行可以使用 setInterval() 方法。 提示： 使用 clearTimeout...
setInterval()与setTimeout()计时器详解
supershuyun的博客
01-15 3484
JavaScript是单线程语言，但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码，间歇时间值是指每隔指定的时间就执行一次代码。 超时调用 　　超时调用使用window对象的setTimeout()方法，它接受两个参数：要执行的代码和以毫秒表示的时间（代码执行前的等待时间）。其中，第一个参数可以是一个字符串（和eval()中使用的字符串一样），也可以...
JS简易秒表计时器
热门推荐
前端向朔
06-06 2万+
<html lang="en"> <head> <meta charset="UTF-8"> <title>js计时器</title> </head> <body> <input type="text" value="00:00"> <input type="button" value="开始"> <input type="button" value="结束"> <input type="butto
js实现秒表计时器
windy2014s的博客
06-13 1729
&lt;span&gt;XXX已耗时：&lt;/span&gt;&lt;span id="timer"&gt;&lt;/span&gt; // js计时器================================================================================== var timer = $("#timer"); // 时间显示对象 var...
原生js代码实现秒表效果
weixin_33769207的博客
05-19 201
jQuery用的多了，逐渐忘记了原生js如何书写代码。今天看到一个面试题，利用原生js写一个计算鼠标移入某个区域所停留的时长，移出暂停，再次移入累加。 于是想到了，利用原生js实现一个秒表效果。做之前也搜索了一些秒表效果，是利用setTimeout()实现的。本文是利用setInterval()定时器实现的。 html代码如下： <div&g...
使用promise方式写settimeout
weixin_30580943的博客
02-26 1340
//使用promise方式写settimeout， //好处就是用于写动画的时候只需知道后一个的动画在前一个动画结束后多久执行 console.time('settimeout:');//开始计算这段程序的执行时间 setTimeout(() => { console.log(1); try { throw new Error('e');//抛出异常，如果不捕获的话就会停止运...
数理方法习题 前六章.pdf
最新发布
08-03
数理方法习题 前六章
settimeout里面settimeout
06-17
`setTimeout`是JavaScript中的一个内置函数，它用于在指定的时间间隔后执行一次函数或代码块。这个函数的基本语法如下： ```javascript setTimeout(function, milliseconds, argument1, argument2, ...); ``` - `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值