javascript中事件timer

浏览数：26 / 时间：2015年06月08日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

javascript中事件timer