Js定时执行函数方法setTimeout,clearTimeout用法及按钮addEventListener,attachEvent侦听事件
2013-03-27 10:06
926 查看
<script>
var timeoutProcess1; //设置成全局变量。
</script>
<input id="xxId" type="text" value="当前时间" />
<input id="xxStart" type="button" value="开始计时" onClick="fn();"/>
<input id="xxStart2" type="button" value="开始计时2" />
<input id="xxEnd" type="button" value="停止计时" onClick="javascript:clearTimeout(timeoutProcess1);"/>
<script>
function fn(){
document.getElementById('xxId').value=new Date();
timeoutProcess1 = setTimeout(fn,1000); //每隔一秒钟重复执行fn函数方法。
}
//-----------------------使用按钮侦听事件来处理-----------------------
var start = document.getElementById('xxStart2');
//start.addEventListener("click", fn, true); //设置侦听事件
if (start.addEventListener){
//alert('11111111111 火狐支持addEventListener');
start.addEventListener('click', fn, false); //设置侦听事件
} else if (start.attachEvent){
//alert('22222222222 IE支持attachEvent');
start.attachEvent('onclick', fn); //设置侦听事件,[注意]:attachEvent方法名区分大小写,onclick区分大小写,否则会报对象不支持此属性和方法!
}
</script>
var timeoutProcess1; //设置成全局变量。
</script>
<input id="xxId" type="text" value="当前时间" />
<input id="xxStart" type="button" value="开始计时" onClick="fn();"/>
<input id="xxStart2" type="button" value="开始计时2" />
<input id="xxEnd" type="button" value="停止计时" onClick="javascript:clearTimeout(timeoutProcess1);"/>
<script>
function fn(){
document.getElementById('xxId').value=new Date();
timeoutProcess1 = setTimeout(fn,1000); //每隔一秒钟重复执行fn函数方法。
}
//-----------------------使用按钮侦听事件来处理-----------------------
var start = document.getElementById('xxStart2');
//start.addEventListener("click", fn, true); //设置侦听事件
if (start.addEventListener){
//alert('11111111111 火狐支持addEventListener');
start.addEventListener('click', fn, false); //设置侦听事件
} else if (start.attachEvent){
//alert('22222222222 IE支持attachEvent');
start.attachEvent('onclick', fn); //设置侦听事件,[注意]:attachEvent方法名区分大小写,onclick区分大小写,否则会报对象不支持此属性和方法!
}
</script>
相关文章推荐
- js监听事件方法addEventListener()兼容非IE和attachEvent()兼容IE
- js事件处理程序的运行环境(改变attachEvent内部的this指向&封装兼容性的 addEvent方法)
- js 增加确定取消按钮的弹出窗口,嵌套执行函数用法 onclick,confirm
- js添加事件attachEvent和addEventListener的用法
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- js添加事件attachEvent和addEventListener的用法
- (转载)JS事件监听 JS:attachEvent和addEventListener使用方法
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- js 添加事件 attachEvent 和 addEventListener 的用法
- JS中setTimeout()与clearTimeout()函数的用法
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- JS注册事件 JS:attachEvent和addEventListener 使用方法
- js 添加事件 attachEvent 和 addEventListener 的用法
- js 定时监听setInterval方法、延迟执行setTimeout方法
- JS注册事件 JS:attachEvent和addEventListener 使用方法
- JS注册事件 JS:attachEvent和addEventListener 使用方法
- JS中定时执行,setTimeout和setInterval的区别,以及l解除方法
- IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素
- js 添加事件 attachEvent和addEventListener 使用方法
- JS事件监听 JS:attachEvent和addEventListener 使用方法