JavaScript实现点击出现图片并统计点击次数功能示例

本文实例讲述了Java脚本语言实现点击出现图片并统计点击次数功能。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题点击出现图片，再次点击循环出现/title/head dyscript type=' text/JavaScript ' delay=' delay ' var img=document。getelementbyid(' img ')；定义变量计数=0;函数OnButton(){ counts；if(计数% 2==0){ document。getelementbyid(' img ').style=' display : none } else { document。getelementbyid(' img ').style=' display:block} }函数ShowClick(){ alert(计数)；}/脚本输入类型=' button '值='请单击onclick=' OnButton()' style=' width : 100px；高度： 20像素颜色：蓝色；背景-color: chartreuse '输入类型='按钮'值='显示单击次数onclick=' ShowClick()' style=' width : 100px；高度： 20像素颜色：蓝色；背景色：图表重用' div id=' img ' style=' display : none ' img src=' http :3358 tools。JB 51。net/static/API/pintu/images/4/main。jpg '/div/body/html注：小编针对代码的统计显示功能稍作修改，同时加入了一张美女同事的照片做测试，使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun，获得如下测试效果：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript图片操作技巧大全》 、 《JavaScript事件相关操作与技巧大全》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。