×

学习下如何统计点击次数

作者:andy0012020.03.20来源:Web前端之家浏览:1484评论:0
关键词:js点击

JavaScript中可以在点击事件上绑定函数,点击时执行函数,通过统计函数执行次数来统计点击次数。

JavaScript中统计点击次数:

<!DOCTYPE html>
<html>
<head>

    <title>Document</title>
    <style>
        #Odiv{
           margin:0 auto;
            width: 200px;
            height:200px;
            background: yellow;
        }
    </style>
</head>
<body>
    <div id="Odiv" onclick="show()">点击0次</div>
    <script>
        var time=0;        
        function show(){
            if(time%2==0){

                Odiv.style.background="pink";
                console.log(time);
                time++;
            }else{
                
                Odiv.style.background="yellow";
                console.log(time);
                time++;
            }
             document.getElementById('Odiv').innerHTML = "点击"+time+"次";    
        }
    </script>

</body>
</html>

预览看下吧!

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js14123423534u5239085.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.5 Valyria