js闪烁提示错误信息---setTimeout和setInterval的应用
来源:互联网 发布:淘宝模板代码教程 编辑:程序博客网 时间:2024/05/18 12:39
采用闪烁提示错误信息的方式,是用户更能直接清除的知道网页反馈的错误,便于修改。
<html><head><script> <logic:present name="errorInfos"><!--Struts1的标签errorInfos(后台传的值)有值时执行-->var msecs = 500; //改变时间得到不同的闪烁间隔; var counter = 0; function soccerOnload() { setTimeout("blink()", msecs); }function blink() {var msg = document.getElementById("msg").value;msg.style.visibility =(msg.style.visibility == "hidden") ? "visible" : "hidden";counter +=1;if(counter<20){//闪烁20次setTimeout("blink()", msecs);}else{msg.style.visibility="visible";}} </logic:present> window.onload = blink; </script></head><body><logic:present name="errorInfos"> <div id="msg"> <font color="red">文件中数据不符合规范,详情见下表</font> </div> </logic:present></body></html>
关于setInterval和setTimeout区别和用法,以下内容是分享网友的:
1.setTimeout
setTimeout() //- 在指定时间后执行代码
clearTimeout() //- 取消 setTimeout()
注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 window 对象的函数。
用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
语法: setTimeout(code,millisec)
code (必需):要调用的函数后要执行的 JavaScript 代码串。
millisec(必需):在执行代码前需等待的毫秒数。
提示: setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout() 【第一个例子闪烁提示错误信息就是这样使用的】。
两种调用函数的写法:
function page_list(){
alert("shihuan");
}
window.setTimeout(page_list, 5000); //表示延时5秒执行page_list()函数
window.setTimeout("page_list()", 30000); //表示延时30秒执行page_list()函数
使用clearTimeout可以随时停止计时。
应用技巧
建议将setTimeout单独设置为一个函数。如:
function delayRun(code, time) {
var t = setTimeout(code, time);
}
这样,在需要让某段代码延时执行的时候,只需在这段代码前加入这个函数就可以了。如:
onmouseover = delayRun("setTab(0,0)", 500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行,则去掉语句中的delayRun相关的代码即可,
改为:onmouseover=setTab(0, 0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码,只需要直接调用就可以了,很方便。也节省了代码的量。
------------------------------------------------------------------------------------------------------------------------------------
2.setInterval
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec)
code 必需。要调用的函数或要执行的代码串。
millisec 必需。周期性执行或调用 code 之间的时间间隔,以毫秒计。
一个可以传递给 window.clearInterval() 从而取消对 code 的周期性执行的值。
例子:
var leftSeconds = 10;var intervalId;$(function(){$("#btnReg").attr("disabled",true);intervalId = setInterval("countDown()",1000);});function countDown(){ if(leftSeconds <=0){$("#btnReg").val("submit");$("#btnReg").attr("disabled",false);clearInterval(intervalId);//小于等于0之后就不在调用countDown()return;}else{leftSeconds--;$("#btnReg").val("请仔细阅读" + leftSeconds + "秒");}}
- js闪烁提示错误信息---setTimeout和setInterval的应用
- js setTimeout 和 setInterval
- js setTimeout和setInterval
- JS setTimeout和setInterval
- js setTimeout 和 setInterval
- JS中setTimeout 和 setInterval 的区别
- JS中的setTimeout和setInterval的区别
- JS常识:setTimeout和setInterval 的区别
- JS中的setTimeout和setInterval的区别
- js 中 setInterval 和 setTimeout 的用法
- js中setTimeout和setInterval的使用
- JS中setInterval和setTimeout的用法
- js里的setinterval和setTimeout()
- JS 中SetInterval和SetTimeout的区别
- JS的两个定时器setTimeout和setInterval
- JS的两个定时器setTimeout和setInterval
- JS中setInterval和setTimeout的区别
- setTimeout()和setInterval()在实践中的应用
- Java基础19:缓冲区;装饰模式;字节流;字符流
- cloudfoundry集成oracle kill long_queries测试
- VS2010中配置SVN插件实现团队开发
- zen-cart屏蔽中文浏览器的方法
- ARM保存中断时,为什么使用“sub lr, lr, #4”
- js闪烁提示错误信息---setTimeout和setInterval的应用
- velocity介绍及语法
- (1)前言——(6)前言
- 快速开发:估算与进度
- Protection 5 ---- Priviliege Level Checking 2
- Python初学(一)DocString
- 直接选择排序法
- php性能优化
- C#中Application.DoEvents()的作用