javascript中事件timer 

<!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>

　　

posted on 2015-02-06 01:57  aicpcode  阅读(161)  评论(0)  编辑  收藏  举报

导航