JS setTimeout和setInterval
来源:互联网 发布:苹果mac系统更新不了 编辑:程序博客网 时间:2024/05/22 06:59
<!DOCTYPE html><html> <head> <title>javascript01.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript"> console.log('测试时间计时器'); function time(){ //获取html中节点id为spanId的节点 var node = document.getElementById('spanId'); node.style.fontSize = '50px'; } function fn1(){ //setTimeout()是间隔一段时间后执行某个函数,这里是等待3秒之后执行time()函数,这个方法只会执行一次,如果希望重复执行使用setInterval setTimeout('time()', 3000); //或者可以调用本身来重复执行 //console.log(123); //setTimeout('fn1()', 1000); } function bigger(){ var node = document.getElementById('spanId'); var size = parseInt(node.style.fontSize); if (size) { node.style.fontSize = size+5+'px'; }else{ node.style.fontSize = '12px'; } } var stopInt; function fn2(){ //setInterval表示每隔一段时间就调用一次函数 stopInt = setInterval('bigger()', 1000); } function fn3(){ window.clearInterval(stopInt); } </script> </head> <body> <span id="spanId">click me</span><br/> <span onclick="fn1()">点击上面的字体变大</span><br/> <span onclick="fn2()">使用setInterval是字体变大</span><br/> <span onclick="fn3()">停止setInterval</span><br/> </body></html>
阅读全文
0 0
- js setTimeout 和 setInterval
- js setTimeout和setInterval
- JS setTimeout和setInterval
- js setTimeout 和 setInterval
- js中的setTimeout和setInterval
- JS中的setTimeout和setInterval
- js setTimeout和setInterval区别
- js中setTimeout和setInterval
- js中setTimeout和setInterval
- js定时器setInterval和setTimeout
- JS中setTimeout 和 setInterval 的区别
- JS中的setTimeout和setInterval的区别
- JS常识:setTimeout和setInterval 的区别
- JS中的setTimeout和setInterval的区别
- JS 定时器(setInterval和setTimeout 函数)
- js 中 setInterval 和 setTimeout 的用法
- JS 定时器 (setInterval 和 setTimeout 函数)
- js中setTimeout和setInterval的使用
- 暑假第一周 H (物理题:完全弾性碰撞)
- Android-Android studio中关于模拟器的/data目录不能显示的解决办法
- Request和Response详解——HTTP协议视角(待完善)
- 【Arduino】使用光敏电阻测量光照强度
- Hierarchical Attention Network for Document Classification--tensorflow实现篇
- JS setTimeout和setInterval
- POJ 2523 ASCII Labyrinth 笔记
- IntelliJ Idea 常用快捷键列表
- python类创建过程
- Number 对象
- 关于cuda和shader的共同点的一些思考
- jsp之简单的验证码生成
- 暑假第一周 A
- Java核心技术