html5 在线检测,html5超简单的手速反应测试器

//请在本段代码请引用jq,否则代码无效!

$('.div').click(function() {

var time = $('.time').val()

if (time > 0) {

$('.time').attr("disabled", true)

$('.chongzhi').attr("disabled", true)

var shu = parseInt($(this).text()) + 1

$(this).html(shu)

var height = jQuery(window).height() - 100 //获取当前浏览器高度,减去容器高度

var widht = $(window).width() - 100 //获取当前浏览器宽度，减去容器宽度

var le = parseInt(Math.random() * (widht - 0 + 1) + 0); //获取随机数

var to = parseInt(Math.random() * (height - 100 + 1) + 100); //获取随机数,高度减去功能区高度

$(this).css({

'position': 'absolute',

'left': le,

'top': to

})

var time = parseInt(time);

if (shu <= 1) {

times(time, time)

}

if (time == "") {

alert("请填入时间")

}

})

function times(time, timeq) { //倒计时

setTimeout(function() {

time = time - 1

$('.time').val(time)

$('.chongzhi').click(function() {

$('.div').html('0')

$('.div').css({

'position': '',

'left': '',

'top': ''

})

$('.time').val(timeq)

})

if (time == 0) {

var ci = parseInt($('.div').text())

alert('您在' + timeq + '秒内点击了' + ci + '次')

$('.time').attr("disabled", false)

$('.chongzhi').attr("disabled", false)

return false

}

text(time, timeq) //执行text事件

}, 1000);

}

function text(time, timeq) {

times(time, timeq) //执行time事件

}

html5 在线检测,html5超简单的手速反应测试器相关推荐

css3抽奖转盘html5,HTML5抽奖转盘-CSS3超简单版本
网上有很多关于抽奖转盘的代码和实例,有使用JavaScript控制动画的,有使用Canvas实现的,它们思路各不相同,本文将介绍一种采用CSS3的方式来实现转盘动画效果,非常简单,只需几行代码即可实现 ...
html5在线api,HTML5 历史记录API
HTML5 历史记录API HTML5历史记录API的使用方法,在线实例演示HTML5历史记录API如何使用.浏览器的兼容性.语法定义及它的属性值详细资料等. HTML5历史记录API使您可以通过Ja ...
html5 在线摄像头,HTML5在线摄像头使用
HTML5在线摄像头应用最近在搞一个考试系统,系统要求要有随机拍照的功能,并且摄像头能够收到js的控制.在线摄像头嘛,就那两种实现的方式:cab或者flash. 暂且不论本人从没学过的flash(事 ...
html5 在线签名,html5手写签名
sxqm 清空生成图片 var canvas, board; canvas = document.getElementById('myCanvas'); canvas.height = 300; ...
简单的转盘抽奖html,HTML5抽奖转盘-CSS3超简单版本
网上有很多关于抽奖转盘的代码和实例,有使用JavaScript控制动画的,有使用Canvas实现的,它们思路各不相同,本文将介绍一种采用CSS3的方式来实现转盘动画效果,非常简单,只需几行代码即可实现 ...
h5在线制作html5,在线制作HTML5多媒体作品的技巧
HTML5多媒体作品以其对各种平台的兼容而见长,目前已获得了广泛的应用.如果我们需要制作自己的HTML5多媒体作品,一个方便之选就是利用现成的在线制作工具"百度H5". 首先访问& ...
html5在线俄罗斯方块,HTML5最新经典俄罗斯方块游戏插件
这是一款最新的经典 HTML5 俄罗斯方块游戏插件.该插件使用html5和Blockrain.js来制作,它具有使用简单.响应式.可定制.速度快.有积分记录和自动游戏的特点. 基本使用方法可以使用任 ...
html5在线裁剪,HTML5 本地裁剪图片并上传至服务器（老梗）
很多情况下用户上传的图片都需要经过裁剪,比如头像啊什么的.但以前实现这类需求都很复杂,往往需要先把图片上传到服务器,然后返回给用户,让用户确定裁剪坐标,发送给服务器,服务器裁剪完再返回给用户,来回需要 ...
html5 在线白板,Html5 canvas画图白板踩坑
最近接手了一个小型的H5,最主要的功能大概就是拍照上传和canvas画板了. 主要是记录一下自己菜到像傻子一样的技术. 1.canvas画板隔空打牛!画布越往上部分错位距离越小,越往下距离越大. 2. ...

html5 在线检测,html5超简单的手速反应测试器

html5 在线检测,html5超简单的手速反应测试器相关推荐

最新文章

热门文章