计时器setTimeout()

setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

语法:

setTimeout(代码,延迟时间);

参数说明:

1. 要调用的函数或要执行的代码串。

2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

当我们打开网页3秒后,在弹出一个提示框,代码如下:

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
  setTimeout("alert(‘Hello!‘)", 3000 );
</script>
</head>
<body>
</body>
</html>

当按钮start被点击时,setTimeout()调用函数,在5秒后弹出一个提示框。

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function tinfo(){
  var t=setTimeout("alert(‘Hello!‘)",5000);
 }
</script>
</head>
<body>
<form>
  <input type="button" value="start" onClick="tinfo()">
</form>
</body>
</html>

要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0;
function numCount(){
 document.getElementById(‘txt‘).value=num;
 num=num+1;
 setTimeout("numCount()",1000);
 }
</script>
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="Start" onClick="numCount()" />
</form>
</body>
</html>
时间: 2024-10-18 11:46:12

计时器setTimeout()的相关文章

我之理解---计时器setTimeout 和clearTimeout

今天在写个图片切换的问题 有动画滞后的问题,才动手去查setTimeout 和clearTimeout.之前写的图片播放器也有类似的问题,有自动start按钮 和stop按钮, 其他都正常,问题出在每次多次快速的点击start按钮时,图片播放的速度会变块很多,而且没有规律.当时也没有去想这个问题,直到今天遇到了类似的问题 才决定去一探究竟. 列举个简单累加例子: <!DOCTYPE HTML> <html> <head> <meta http-equiv=&quo

计时器 setTimeout

import flash.utils.clearTimeout; import flash.utils.setTimeout; // 设置多少毫米触发 private var delay:Number = 1000; // 记录开启的计时器 private var intervalId:uint; /** * 是否添加 时间侦听 * @param _isAdd 默认是 */ public function addTimeOut(_isAdd:Boolean = true){ if (_isAdd

setTimeout()与setInterval()方法区别介绍

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别,下面为大家简单介绍下,希望对大家有所帮助 计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别. setTimeout(): 在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式: 也就是说在执行完设定好的秒数后再执行. 代码如下: setTimeout(function(){ $("body").css("backgrou

js 函数内部创建的setTimeout调用自身函数

js 函数内部创建的计时器setTimeout调用自身函数,实际上就变成了setInterval,操作不当的话会导致计时器不断在创建 在本函数内部清除计时器的时候带上 return : 例如: <script type="text/javascript">     var t=3,timer;     function sleep(){         if(t<=0){             clearTimeout(timer);             ale

nodejs中的全局函数setTimeout/clearTimeout,setInterval/clearInterval,unref/ref

/** global的函数和方法*1.setTimeout.clearTimeout 多长时间后执行函数(只执行一次)*2.setInterval.clearInterval 每隔多少秒执行一次的计时器*3.unref,ref 停止和启动计时器(针对setInterval)*/ //1.setTimeout.clearTimeout// A.指定多长时间后执行函数和清楚函数function timer(){ console.log("This is loading after 500S. &qu

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码. setInterval(代码,交互时间); 2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次. 递归,就是在运行的过程中调用自己.setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次. setTimeout(代码,延迟时间); function startCount() { document.getElementById('count')

关于setTimeout的秘密

计时器setTimeout我们经常会用到,它用于在指定的毫秒数后调用函数或计算表达式. 语法:setTimeout(code,millisec,args); 注意:如果code为字符串,相当于执行eval()方法来执行cdoe. 当然,这篇文章并不仅仅是告诉你怎么用setTimeout,而是理解其是如何执行的. 1.setTimeout原理 先看一段代码: 1 var start = new Date(); 2 3 var end = 0 4 5 setTimeout(function(){ 6

JavaScript(四)--- 对象

什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Ar

JavaScript进阶知识点(慕课)

JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等)  一. 数组 var myarray=new Array(); 二. 函数 function 函数名(){ 函数体://完成某一功能的代码段} ps:函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名.函数的调用分两种情况:1.在<script>标签内调用 2.在HTML中调用,如通过点击按钮后调用定义好的函数.可以通