• javascript中计算点击多少次


    点击事件:onclick

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <style>
     7         #Odiv{
     8             width: 200px;
     9             height:200px;
    10             background: yellow;
    11         }
    12     </style>
    13 </head>
    14 <body>
    15     <div id="Odiv" onclick="show()">点击0次</div>
    16     <script>
    17         var time=0;        
    18         function show(){
    19             if(time%2==0){
    20 
    21                 Odiv.style.background="pink";
    22                 console.log(time);
    23                 time++;
    24             }else{
    25                 
    26                 Odiv.style.background="yellow";
    27                 console.log(time);
    28                 time++;
    29             }
    30              document.getElementById('Odiv').innerHTML = "点击"+time+"";    
    31         }
    32     </script>
    33 
    34 </body>
    35 </html>

    功能:点击会显示点击次数,实现颜色交替出现。

    本文为博客者原创,未经允许,不得转载!!!!

  • 相关阅读:
    作业
    Java总结
    十四周总结
    十二周课程总结
    十一周总结
    自我介绍
    第二次
    第十二周作业
    第九周作业
    第十三周课程总结
  • 原文地址:https://www.cnblogs.com/gvip-cyl/p/6407678.html
Copyright © 2020-2023  润新知