javascript中事件timer

最新推荐文章于 2024-09-25 14:00:00 发布

weixin_30456039

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量69

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/aicpcode/p/4276242.html

版权

<!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 οnclick="cd()" style="cursor: pointer">点击开始操作</div>
<div οnclick="sd()" style="cursor: pointer">点击停止操作</div>

</body>
</html>

转载于:https://www.cnblogs.com/aicpcode/p/4276242.html