js最佳定时器用法(javascript定时器setInterval的基本用法)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript"> /******************* setInterval(代码块/函数,执行周期以毫秒为单位)函数 自动的不停的调用某个固定的函数,直到遇到由其本身 返回的ID值并且结合clearInterval(参数为setInterval的返回值)的调用时停止 ************************/ //下面以用setInterval函数实现跳动的时钟作为案例讲解 //定义一个全局变量 存储定时器 这个就是serInterval()函数将要返回的ID var thread = ""; //这个函数的作用是将最新的日期赋值给文本款显示出来 function go() { document.getElementById("a").value = new Date().toLocaleString(); } function f() { //在启动定时器的时候 将定时器存储在全局变量当中便于停止 //此时用serInterval()函数来定时的执行go函数从而达到时钟跳动的功能 thread = setInterval("go()", 1000);//每隔多少时间执行(无需递归自动执行),单位毫秒数1000毫秒等于1秒 } function stop() { //停止setIterval定时器的方法时clearInterval(参数) //这个地方就用到了clearInterval()并且把thread参数传进去以达到停止定时器setInterval的作用 clearInterval(thread); } </script> </head> <body> <input type="text" id="a" style="width:300px;height:50px;font-size:23px" /><br /> <input type="button" value="开始定时器" onclick="f()" /> <input type="button" value="停止定时器" onclick="stop()" /> </body> </html> ,我来为大家讲解一下关于js最佳定时器用法?跟着小编一起来看一看吧!

js最佳定时器用法(javascript定时器setInterval的基本用法)

js最佳定时器用法

大家啊可能经常在各大网站上看到这样一个功能就是跳动的时钟,一秒一秒的不停的变化。今天这个小分享呢就给大家分享一下怎么用javascript来实现这种随处可见的小功能

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript"> /******************* setInterval(代码块/函数,执行周期以毫秒为单位)函数 自动的不停的调用某个固定的函数,直到遇到由其本身 返回的ID值并且结合clearInterval(参数为setInterval的返回值)的调用时停止 ************************/ //下面以用setInterval函数实现跳动的时钟作为案例讲解 //定义一个全局变量 存储定时器 这个就是serInterval()函数将要返回的ID var thread = ""; //这个函数的作用是将最新的日期赋值给文本款显示出来 function go() { document.getElementById("a").value = new Date().toLocaleString(); } function f() { //在启动定时器的时候 将定时器存储在全局变量当中便于停止 //此时用serInterval()函数来定时的执行go函数从而达到时钟跳动的功能 thread = setInterval("go()", 1000);//每隔多少时间执行(无需递归自动执行),单位毫秒数1000毫秒等于1秒 } function stop() { //停止setIterval定时器的方法时clearInterval(参数) //这个地方就用到了clearInterval()并且把thread参数传进去以达到停止定时器setInterval的作用 clearInterval(thread); } </script> </head> <body> <input type="text" id="a" style="width:300px;height:50px;font-size:23px" /><br /> <input type="button" value="开始定时器" onclick="f()" /> <input type="button" value="停止定时器" onclick="stop()" /> </body> </html>

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页