本站源码全部测试通过,配有前台及后台演示图,绿色安全,希望能对大家有所帮助!
  • 首 页
  • VPS/云主机
  • VIP会员
  • html5毫秒统计测试手指点击速度手机游戏
    时间:2019-11-27 15:07 来源:开源之家 作者:开源之家测试提供 下载:195 次
    • 源码说明:本站源码全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    • 源码类型:特效源码
    • 源码大小:62.3 KB
    • 运行环境:HTML
    • 下载次数:195 次
    • 推荐VPS:
    • 提取密码/源码编号:
    • 本地下载
    • 本地下载
    • 》网盘下载,每日更新

    html5毫秒统计测试手指点击速度手机游戏

    1. 引入JS

    <script type="text/javascript" src="./stats" charset="UTF-8"></script>
    <script src="js/jquery-1.10.2.min.js"></script>

    2. HTML代码

    <div style="display:inline-block;width:100%; height:100%;margin: 0 auto; background: black; position:relative;" id="gameDiv">
    <div style="text-align:center;margin:20px;">
    <span id="timer" style="color:#fff;font-size:20px;">10.00 秒</span>
    </div>
    <button id="button" class="button red" style="margin-top: 40px;width: 160px;height:160px;border-radius:80px;font-size:18px;font-weight:bold;">点我点我</button>
    <div style="margin:20px;text-align:center;">
    <div id="result" style="color:#fff;font-size:30px;">0 次</div>
    <div id="best" style="margin-top:20px;color:#fff;font-size:20px;"> </div>
    </div>
    <div>
    <br>
    <a align="center" style="color:red" href="#">更多游戏</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a align="center" style="color:red" href="#">关注我们</a>
    </div>
    </div>
    <div id="sbg" class="sbg">
    <div class="arron"></div>
    <p id="msg">请点击右上角<br>点击【分享到朋友圈】<br>测测好友的反应能力吧!</p>
    </div>
    <!--<script type="text/javascript" src="./stats" charset="UTF-8"></script>-->
    <script language="javascript">
    var helptime=0;
    function help(){
    }
    var mebtnopenurl = 'http://mp.weixin.qq.com/s?__biz=MjM5MDIzNzA3OQ==&mid=212363137&idx=1&sn=30a38c9e63cf9475bc55a6673b3ac397#rd';
    var myscore=0;
    window.shareData = {
            "imgUrl": "http://mmbiz.qpic.cn/mmbiz/kG4NuD28mGictKFRXfZ0g7uqcLXTc8ObCL4X4wIDCiboe8U1LDNmd6RFs957EznDEbeHu04uTnIuBGzCRMgOOn0w/640",
            "timeLineLink": "http://game.weixine.net/fksz/index.html",
            "tTitle": "疯狂手指-根本停不下来,玩过之后我的手指已经不是我的了!",
            "tContent": "在10秒内疯狂的点按钮,想赢?不容易。"
    };
    function goHome(){
        window.location="http://game.weixine.net/fksz/index.html";
    }
    function dp_share(score){
        if(score>0){
            document.title = "10秒我能点"+score+"下!你行?你试试"
        }
        else{
            document.title = "疯狂手指-根本停不下来,玩过之后我的手指已经不是我的了!"
        }
        document.getElementById("share").style.display="";
        window.shareData.tTitle = document.title;
    }
    function dp_Ranking(){
        window.location="http://game.weixine.net/fksz/index.html";
    }
    function showAd(){
    }
    function hideAd(){
    }
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.on('menu:share:appmessage', function(argv) {
            WeixinJSBridge.invoke('sendAppMessage', {
                "img_url": window.shareData.imgUrl,
                "link": window.shareData.timeLineLink,
                "desc": window.shareData.tContent,
                "title": window.shareData.tTitle
            }, onShareComplete);
        });
        WeixinJSBridge.on('menu:share:timeline', function(argv) {
            WeixinJSBridge.invoke('shareTimeline', {
                "img_url": window.shareData.imgUrl,
                "img_width": "640",
                "img_height": "640",
                "link": window.shareData.timeLineLink,
                "desc": window.shareData.tContent,
                "title": window.shareData.tTitle
            }, onShareComplete);
        });
    }, false);
    </script>
    <div id="share" style="display: none">
        <img width="100%" src="640" style="position: fixed;z-index:9999; top: 0; left: 0; display: " ontouchstart="document.getElementById(&#39;share&#39;).style.display=&#39;none&#39;;">
    </div>
    <div id="result_panel" style="display:none;text-align:center;padding-top:20px;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)">
        <div><button id="reset" style="font-size:25px">再玩一次</button><br><button id="doShare" style="font-size:25px">炫耀一下</button></div>
    </div>
    <script type="text/javascript">
    function dp_submitScore(score){
        dp_share(score);
        /*
        if(score<40){
            if (confirm("")){
                myCRdata.score = score;
                myCRdata.scoreName = score+"步";
                dp_share(score);
            }
        }
        */
    }
    function onShareComplete(res) {
        document.location.href = mebtnopenurl;
    }
    </script>
    <script type="text/javascript">
    var initial = 1000;
    var count = initial;
    var counter; //10 will  run it every 100th of a second
    var state = 0;
    var total = 0;
    if (localStorage.max) {
        $('#best').html( '最好成绩:' + localStorage.max + ' 次');
    }
    function timer() {
        if (count <= 0) {
            clearInterval(counter);
            state = 0;
            $('#result_panel').show();
            if ( !localStorage.max || parseInt(localStorage.max) < total) {
                localStorage.max = total;
                $('#best').html( '最好成绩:' + localStorage.max + ' 次');
            }
            localStorage.max = parseInt(localStorage.max) > total ? localStorage.max: total;
            return;
        }
        count--;
        displayCount(count);
    }
    function displayCount(count) {
        var res = count / 100;
        document.getElementById("timer").innerHTML = res.toPrecision(count.toString().length) + " 秒";
    }
    $(document).on('touchmove', function(e) {
        e.preventDefault();
    })
    $('#button').on('touchstart', function () {
        if (!state) {
            state = 1;
            counter = setInterval(timer, 10);
        }
        this.classList.add('active');
    });
    $('#button').on('touchend', function () {
        if (state) {
            total++;
            $('#result').html(total + ' 次');
        }
        this.classList.remove('active');
    });
    // $('#stop').on('click', function () {
    //     clearInterval(counter);
    // });
    function reset() {
        count = initial;
        total = 0;
        state = 0;
        $('#result').html(total + ' 次');
        $('#timer').html(10 + ' 秒');
    }
    $('#reset').on('touchend', function () {
        reset();
        $('#result_panel').hide();
    });
    $('#doShare').on('touchend', function () {
        dp_share(total);
        $('#result_panel').hide();
        reset();
    });
    displayCount(initial);
    </script>

    html5毫秒统计测试手指点击速度手机游戏

    郑重声明:
    本站资源均由高价购买、会员分享,全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    若您需要商业运营或用于其它商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。如有侵犯您的版权,请提交软件证书/图片地址和源码链接 我们尽快处理。

    开源之家广告栏目A
    开源之家广告栏目B
    开源之家广告栏目C
    在线客服
    客服微信

    扫一扫......加客服微信