js里setinterval怎么用

JavaScript014

js里setinterval怎么用,第1张

function show1(){

    trace("每隔1秒显示一次")

}

function show2(str){

    trace(str)

}

setInterval(show1,1000)

setInterval(show2,2000,"每隔2秒我就会显示一次")

上面已经将函数的setInterval方法介绍了。

下面我们将介绍对象的setInterval方法。

首先,写一个setInterval在动作中调用对象的方法的例子,该例子不需要传递参数。

myobj=new Object()//创建一个新的对象

myobj.interval=function){

    trace("每隔1秒显示一次")

}//创建对象的方法。

setInterval(myobj,"interval",1000)//设定时间间隔调用对象的方法。

接下来介绍如何传递参数。其实道理和函数的传递参数是一样的。

myobj=new Object()

myobj.interval-function(str){

    trace(str)

}

setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次")

注意。要调用为对象定义的方法时,必须在专家模式中使用第二种语法格式。

这样子的话呢,我们来作一个动态显示时间的画面。可以用下面的代码实现。

setInterval(show,1000)

function show(){

    time=new Date()

    hour=time.getHours()

       minu=time.getMinutes()

       sec=time.get.Seconds()

    datetime=hour+":"+minu+":"+sec

}//这里的datetime是一个动态文本框的变量名字。

这样子呢,setInterval这个方法大家应该学的很好了。现在呢,我们学习clearInterval.

clearInterval动作的作用是清楚对setInterval函数的调用,它的语法格式如下clearInterval(intervalid)intervalid是调用setInterval函数后返回的对象。

下面举一个简单的例子。

function show(){

    trace("每隔一秒显示一次")

}

var sh

sh=setInterval(show,1000)

clearInterval(sh)

用setTimeout(函数,t)

设定延迟一段时间,再进行操作

比如:

setTimeout("sleep()",1000) //延迟1s后再操作sleep()函数

一、Firefox志记录(Logging in Firefox) 通Console记录我再使用烦alert或者document.write进行调试 Firebug提供五种志类型: console.log:记录行信息任何图标提示; console.debug:记录行信息带超链接链接语句调用; console.error():向控制台写入错误信息带错误图标显示高亮代码链接; console.info():向控制台写入提示信息带信息图标显示高亮代码链接; console.warn():向控制台写入警告信息带警告图标显示高亮代码链接; consle打印字符串支持字符串替换使用起像c面printf(%s",a),支持类型包括: %sstring字符串 %d,%i整型 %f浮点 %o象 使用%o象用绿色超链接表示单击带DOM视图 二、组(Grouping) 某类信息特别组利于逻辑划 使用简单参见代码 function consoleGroup(){ var groupname = "Group 一"console.group("Message group %s", groupname)console.log("This is the 一 message in %s", groupname)console.log("This is the 二 message in %s", groupname)console.log("This is the 三 message in %s", groupname)console.groupEnd()goupname = "Group 二"console.group("Message group %s", goupname)console.log("This is the 一 message in %s", goupname)var subgroupname = "Sub group 一"console.group("Message group %s",subgroupname)console.log("This is the 一 message in %s", subgroupname)console.log("This is the 二 message in %s", subgroupname)console.log("This is the 三 message in %s", subgroupname)console.groupEnd()console.log("This is the 二 message in %s", goupname)console.groupEnd()} 三、console.dirconsole.dirxml console.dir象所属性打印疑非用我再需要object.toString支持要firebug查看象变轻松 同我页面元素作象打印要输众信息能迷失繁杂信息找自需要条目 我通组些量信息放入组逻辑更清楚些 function consoleDir(){ function Car(){ this.Model = "Old Model"this.getManu = function(){ return "Toyota"} } var objCar = new Car()console.dir(objCar)console.dir(zoo)var groupname = "Css Style"console.group("The button Style", groupname)console.dir(document.getElementById('consoledir').style, groupname)console.groupEnd()} console.dirxml打印HTML元素XML表示形式. 四、断言(console.assert()) console.assert()用判断表达式否确错误打印错误信息控制台窗口 5、追踪(console.trace()) console.trace()非趣功能我先看看官解释:打印Javascript执行刻堆栈追踪 函数打印程序执行起点终点路径信息 比我想知道某函数何何执行我console.trace()放函数我能够看函数执行路径 函数调试其源代码非用陆、计(Timing) console.time(timeName)用计我需要知道代码执行效率候特别用用自造轮 function consoleTime(){ var timeName = "timer一"console.time(timeName)var a = 0 for(var i = 0i <一00i++){ for(var j = 0j <一00j++){ //console.log('Hello world')a = a + 一} } console.log("a = %d", a)console.timeEnd(timeName)} 漆、Javascript析器(Javascript Profiler) 我通代码console.profile('profileName')或者单击Profiler标签进行Javascript代码执行析功能点类似于console.time()帮助我评估 代码表现能够提供比console.time()更详细信息 三种调用Javascript profiler种代码写入析脚本种单击profile标签命令行输入命令执行 执行看详细输结面各项进行些说明: Function Column:显示调用函数名称; Call Column:显示调用数; Percent Column:显示消耗间比; Own Time:显示函数内部语句执行间包括调用其函数间; Time Column:显示函数始结束执行间; Avg Column:平均间Avg = Own / CallMin &Max Column:显示间; File Column:函数所文件