Js定时执行函数方法setTimeout，clearTimeout用法及按钮addEventListener，attachEvent侦听事件

<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>