<!DOCTYPE html> <html> <head> <title>javascript中的事件处理</title> <meta charset="UTF-8"> <script type="text/javascript"> var timeId; function cd(){ //在3秒之后执行bigger函数setTimeOut的意思就是间隔一段时间来执行某个函数 //setInterval表示每隔一段时间来执行一个函数 timeId = setInterval("bigger()",1000); } function sd(){ clearInterval(timeId); } function bigger(){ //获取html节点的id为txt的节点 var node = document.getElementById("txt"); var size = parseInt(node.style.fontSize); if(size){ size+=10; }else{ size = 14; } node.style.fontSize = size+"px"; } </script> </head> <body> <div id="txt">开始</div> <div onclick="cd()" style="cursor: pointer">点击开始操作</div> <div onclick="sd()" style="cursor: pointer">点击停止操作</div> </body> </html>
时间: 2024-10-22 14:49:21