大家啊可能经常在各大网站上看到这样一个功能就是跳动的时钟,一秒一秒的不停

的变化。今天这个小分享呢就给大家分享一下怎么用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>

欢迎大家来到IT世界,在知识的湖畔探索吧!

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/38036.html