javaScript中定时器的简单使用

来源：互联网 2023-03-16 23:56:54 版权归原作者所有，如有侵权，请联系我们

lsetlnterval(exp，time)：周期性触发代码exp

— exp：执行语句

— time：时间周期，单位为毫秒

一返回已经启动的定时器对象

lclearInterval(tID)：停止启动的定时器

— tID：启动的定时器对象

工具/原料

Hbuild

方法/步骤

!DOCTYPE html>html>head>meta charset="UTF-8">title>动态时钟/title>script>var timer;function start(){

javaScript中定时器的简单使用

timer=setInterval(function(){var now=new Date();var time=now.toLocaleTimeString();var c=document.getElementById("d1");c.innerHTML=time;},1000);}function end(){clearInterval(timer);}/script>/head>body>

javaScript中定时器的简单使用

h1>动态时钟/h1>当前系统时间：span id="d1">/span>/input type="button" value="启动" onclick="start()" />input type="button" value="停止" onclick="end()" />//body>/html>

javaScript中定时器的简单使用

3相关内容未经授权抓取自百度经验

!DOCTYPE html>html>head>meta charset="UTF-8">title>/title>style>#msg{border: 1px solid #CCCCCC;margin: 0px;padding: 10px;text-align: center;background-color: #eee;}.del{

//开始时不显示display: none;}.show{display: block;}

javaScript中定时器的简单使用

/style>script>function start(){var msg=document.getElementById("msg");msg.className="show";var timer=setTimeout(function(){msg.className="del";clearTimeout(timer);},3000);}

javaScript中定时器的简单使用

/script>/head>body>h1>动态提示信息/h1>input type="button" value="删除" onclick="start()"/>/p id="msg" class="del">删除成功//body>/html>

javaScript中定时器的简单使用

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JAVASCRIPT

上一篇：javaScript中图片的轮播下一篇：如何在网页中输出空格等特殊字符

javaScript中定时器的简单使用

工具/原料

方法/步骤

热门文章

标签列表