JavaScript - 停止计时器

停止计时器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>停止计时器</title>
    <script type="text/javascript">
        //页面加载完成后执行
        window.onload=function(){
            var today=new Date();
            //var date1=new Date("2014/02/14 12:30:00");
            //alert(date1);
            var year=today.getFullYear();
            var month=today.getMonth()+1;
            var date=today.getDate();
            var hour=today.getHours();
            hour=checkTime(hour);
            var minute=today.getMinutes();
            minute=checkTime(minute);
            var second=today.getSeconds();
            second=checkTime(second);
            var currentTime=year+"年"+month+"月"+date+"日 "+hour+":"+minute+":"+second;

            document.getElementById("time").innerHTML=currentTime;

            //print();
        }

        //检查时间,为个位数补0
        function checkTime(t){
            if(t<10){
                t="0"+t;
            }
            return t;
        }

        //定时器setTimeout()
        var timer;
        function print(){
            var objP=document.getElementById("itany");
            objP.innerHTML+="Hello World!<br/>";
            timer=setTimeout("print()",500);
        }

        //停止计时器
        function stopTimer(){
            clearTimeout(timer);
        }

        //定时器setInterval()
        function print2(){
            var objP=document.getElementById("itany");
            objP.innerHTML+="Hello World!<br/>";
        }

        var timer2;
        function startTimer2(){
            timer2=setInterval("print2()",1000);
        }

        function stopTimer2(){
            clearInterval(timer2);
        }
    </script>
  </head>

  <body>
    <div id="time">  </div>
    <input type="button" value="启动计时器" onclick="startTimer2()" />&nbsp;<input type="button" value="停止计时器" onclick="stopTimer2()" />
    <p id="itany"></p>
  </body>
</html>
时间: 2024-10-12 11:51:33

JavaScript - 停止计时器的相关文章

JavaScript的计时器对象

1.JavaScript计时器,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行. 计时器类型:    1)一次性计时器:仅在指定的延迟时间之后触发一次.    2)间隔性触发计时器:每隔一定的时间间隔就触发一次. 计时器方法: 1)setInterval() :在执行时,从载入页面后每隔指定的时间执行代码. //语法 setInterval(代码,交互时间); //参数说明:1. 代码:要调用的函数或要执行的代码串.2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫

JavaScript的计时器的工作原理

最近都在看一些JavaScript原理层面的文章,恰巧看到了jQuery的作者的一篇关于JavaScript计时器原理的解析,于是诚惶诚恐地决定把原文翻译成中文,一来是为了和大家分享,二来是为了加深自己对于JavaScript的理解.原文链接:http://ejohn.org/blog/how-javascript-timers-work/ 原文翻译: 从基础层面来讲,理解JavaScript计时器的工作原理是很重要的.由于JavaScript是单线程的,所以很多时候计时器并不是表现得和我们的直

JavaScript停止冒泡和阻止浏览器默认行为

事件兼容 function myfn(e){ var evt = e ? e:window.event; } js停止冒泡 function myfn(e){ window.event? window.event.cancelBubble = true : e.stopPropagation(); } js阻止默认行为 function myfn(e){ window.event? window.event.returnValue = false : e.preventDefault(); }

webdriver定位页面元素时使用set_page_load_time()和JavaScript停止页面加载

原文:https://my.oschina.net/u/2344787/blog/400507?p={{page}} 引言: 在使用webdriver的get方法打开页面时,可能页面需要加载的元素较多导致加载时间很长,而时间过长会导致后面的操作无法进行,甚至直接报错:所以在页面加载到一定时间,实际需要定位的元素很大可能上已经加载出来时,需要停止页面的加载,进而进行下面的操作: 例如:get 汽车之家页面时会等待很长时间,其实页面基本元素都已加载,可进行后续操作 可以通过set_page_load

Javascript:计时器的使用

Javascript中使用setTimeout和clearTimeout函数进行计时/停止计时的操作. 1.指定时间后执行一个动作,如3s后弹出一个对话框: setTimeout('alert("3s")',5000); 并且,该函数可以叠加起来是用,如: function delay_times(){ setTimeout('document.getElementById("time_text").innerHTML = "2s"',2000)

javascript 停止事件冒泡以及阻止默认事件冒泡

停止事件冒泡 function stopBubble(e) { // 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) { // 因此它支持W3C的stopPropagation()方法 e.stopPropagation(); } else { // 否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } 阻止事件冒泡 function stopDefault( e ) {

IE和其他浏览器中,JavaScript停止冒泡和阻止浏览器默认行为

转载自:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 总结: IE:有window.event对象FF:没有window.event对象. 防止冒泡 w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true window.event? window.event.cancelBubble = true : e.stopPropagation(); 阻止默认

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码. setInterval(代码,交互时间); 2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次. 递归,就是在运行的过程中调用自己.setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次. setTimeout(代码,延迟时间); function startCount() { document.getElementById('count')

JavaScript(四)--- 对象

什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Ar