关于JS定时器的问题

问题描述

刚刚测试了下setInterval和setTimeout,clearInterval, 有如下代码: function a(){ var end = setInterval(f,1000); setTimeout(clearInterval(end),10000); } 在调用a()的时候,浏览器没有反应,也没有报错,后来把代码改成如下形式: function a(){ var end = setInterval(f,1000); setTimeout(function(){clearInterval(end)},10000); } 重新 调用a(),一切正常,这是怎么回事

解决方案

setTimeout 第一个参数要个函数对象做参数,clearInterval(end)这个是句语句,不是函数对象。
解决方案二:
clearInterval(end) 是表达式;setTimeout(方法);可以这样:setTimeout(function aaa(){ ....});也可以:setTimeout(aaa);function aaa(){}

时间: 2024-09-11 13:21:33

关于JS定时器的问题的相关文章

js定时器

 这篇文章主要分享一段js代码,有关js定时器的小例子,分为执行一次的定时器与重复执行的定时器,需要的朋友可以参考下 1,只执行一次的定时器     代码如下: <script>  //定时器 异步运行  function hello(){  alert("hello");  }  //使用方法名字执行方法  var t1 = window.setTimeout(hello,1000);  var t2 = window.setTimeout("hello()&q

JS定时器使用,定时定点,固定时刻,循环执行详解_javascript技巧

本文概述:本文主要介绍通过JS实现定时定点执行,在某一个固定时刻执行某个函数的方法.比如说在下一个整点执行,在每一个整点执行,每隔10分钟定时执行的方法. JavaScript中有两个定时器方法:setTimeout()和setInterval(). 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript.实际上,setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,或者函数名,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后

JS定时器用法分析【时钟与菜单中的应用】_javascript技巧

本文实例分析了JS定时器用法.分享给大家供大家参考,具体如下: 开启定时器: setInterval 间隔型    //一旦启动就不会停,重复执行 setTimeout 延迟型   //只执行一次 停止定时器: clearInterval clearTimeout 关闭定时器如果只是clearInterval()那会关掉所有的定时器,有时我们只需要关掉一个而已,所以要定义一个变量来存放定时器 var timer=null; btn1.onclick=function(){ timer=setIn

js定时器实例分享_javascript技巧

1. 设置定时器 语法:setInterval(函数,时间) 注意: 函数书写时不能带括号 setInterval(fn,1000)//正确 setInterval(fn(),1000)//错误 时间的最小设置不小于14ms 2. 清除定时器 语法:clearInterval(所清除的定时器名称) 3. 实例探究 js部分 window.onload = function() { var timer = null; var num = 0; var i = 0; var arr=['red','

js定时器的使用(实例讲解)_javascript技巧

在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime); 第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用":"隔开即可.比如要弹出两个警告窗口,便可将

JS定时器实现数值从0到10来回变化_javascript技巧

效果:数值从0到10来回变化 代码: var a=0 var timer1,timer2; function add(){ a++; console.log(a); if(a>=10){ clearInterval(timer1); timer2=setInterval(sub,200); } } function sub(){ a--; console.log(a); if(a<=0){ clearInterval(timer2); timer1=setInterval(add,200);

js定时器的使用

 本篇文章主要介绍了js中定时器的使用方法.需要的朋友可以过来参考下,希望对大家有所帮助 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

JS定时器实例_javascript技巧

分别为:1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime);第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用":"隔开即可.比如要弹出两个警告窗口,便可将"function();"换成&quo

js定时器(执行一次、重复执行)_javascript技巧

1,只执行一次的定时器 复制代码 代码如下: <script> //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法 window.clearTimeout(t1);//去掉定时器 </scrip

JS定时器实例详细分析_javascript技巧

1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime);第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用":"隔开即可.比如要弹出两个警告窗口,便可将"function();"换成"al