JavaScript setTimeout函数

setTimeout的作用：延迟一段时间执行某个函数。

例如：setTimeout(function(){alert("延迟5秒执行...")},5000);

注意：setTimeout()不是循环执行，只执行一次。

setTimeout是异步调用,setTimeout方法与其后的方法同时执行。

例如：setTimeout(function(){alert("延迟5秒执行...")},5000);

　　　alert("判断setTimeout是否是异步执行，如果先弹出则表示是异步执行。");

　　执行结果可以证明setTimeout是异步的。

使用setTimeout实现计时器的算法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>setTimeout计时器的实现</title><script type="text/javascript" language="javascript">var time = 0;

function currTimeView(){        document.getElementById("currTime").value = time + "秒";        }

/**开始计时*/function startTime(){        time++;        currTimeView();        tid = setTimeout("startTime();",1000);        }

/**开始计时*/function stopTime(){        clearTimeout(tid);        }

/**开始计时*/function clearTime(){        time = 0;        document.getElementById("currTime").value = "开始计时...";        }</script></head>

<body><input id="currTime" type="text" value="开始计时..." /><br /><input id="start" value="开始计时" type="button" onclick="startTime()" /><input id="stop" value="停止计时" type="button" onclick="stopTime()" /><input id="clear" value="清空计时" type="button" onclick="clearTime()" /></body></html>

转载于:https://www.cnblogs.com/tovep/articles/setTimeout.html

JavaScript setTimeout函数相关推荐

JavaScript 时间函数
一. JavaScript setTimeout() 函数 setTimeout -- 暂停指定的毫秒数后执行指定的代码 setTimeout ,中文"设置超时"的意思引用网址 ...
javascript中setTimeout()函数
javascript中setTimeout()函数大家都知道javascript中的setTimeput()函数的作用,一般会用他来处理一些连续的事情,们先看一个例子: <head> ...
JavaScript setTimeout() 介绍
setTimeout() 是属于 window 的方法,该方法用于在指定的毫秒数后调用函数或计算表达式. 语法格式可以是以下两种: setTimeout(要执行的代码, 等待的毫秒数) setTime ...
理解javascript 回调函数
理解javascript 回调函数原文:理解javascript 回调函数 ##回调函数定义百度百科:回调函数回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一 ...
为什么使用JavaScript eval函数是个坏主意？
eval函数是一种动态生成代码的强大而简便的方法,那么有哪些警告? #1楼我知道这个讨论很古老,但是我真的很喜欢Google的这种方法,并希望与他人分享这种感觉:) 另一件事是,您越了解越多,您就会 ...
JavaScript 节流函数 Throttle 详解
在浏览器 DOM 事件里面,有一些事件会随着用户的操作不间断触发.比如:重新调整浏览器窗口大小(resize),浏览器页面滚动(scroll),鼠标移动 (mousemove).也就是说用户在触发这些 ...
async js 返回值_获取JavaScript异步函数的返回值
今天研究一个小问题: 怎么拿到JavaScript异步函数的返回值? 1.错误尝试当年未入行时,我的最初尝试: function getSomething() { var r = 0; setTim ...
带你学习javascript的函数进阶（二）
上一篇文章分享了<带你学习Javascript中的函数进阶(一)>,今天继续学习javascript的函数进阶的内容. 文章目录 1 严格模式 1.1 什么是严格模式 1.2 开启严格模式 ...
html页面退出关闭定时器,关闭settimeout setTimeout函数问题
javascript.怎么退出定时器setTimeout. timedcount设置定时器t,stopcount退出定时器t.直接调用就可以了 function timedCount() { t=se ...

JavaScript setTimeout函数

JavaScript setTimeout函数相关推荐

最新文章

热门文章