我们先来看下秒杀活动页面代码
<!DOCTYPE
HTML>
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=gb2312">
<title>
Micomo
</title>
</head>
<body>
<div>
<p>
活动倒计时<strong
id="endtime"></strong>秒！
</p>
<input
type="button"
id="btn"
value="立即购买"
disabled="disabled"
onClick="func()"/>
</div>
<script
src="/js/jquery-2.1.1.min.js"></script>
<script
type="text/javascript">
//倒计时30秒
var
i
=
30
function
remainTime()
{
if
(i
>
0)
{
document.getElementById("endtime").innerHTML
=
i--
setTimeout("remainTime()",
1000)
}
if
(i
==
0)
{
$("p").text("活动开始")
$("p").css("background-color",
"yellow")
//倒计时结束，按钮状态改为可用
document.getElementById("btn").disabled
=
false
}
}
remainTime()
//点击按钮触发的方法
function
func()
{
alert("恭喜你抢到一个月饼")
}
</script>
</body>
</html>
页面预览
脚本
js
代码
<script
type="text/javascript">
var
button
=
document.getElementById("btn")
//每秒执行一次，若按钮状态为可用，进行点击
setInterval(function()
{
if
(button.disabled
==
false)
{
button.click()
}
},
1000)
</script>
setInterval()
方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval()
方法会不停地调用函数，直到
clearInterval()
被调用或窗口被关闭。
如何放到浏览器
浏览器打开活动页面，按F12进入调试模式，找到Console控制台，将上面js脚本标签内的代码粘贴进去（不要首尾标签），点击回车即可，一定要在活动结束前放进去。
结果预览
修改setInterval(function(){},millisec)中的millisec（毫秒为单位），可以控制点击频率。
这只是个简单的js代码，没有实现验证码自动验证。
可以参考学习，切勿拿来做有违道德，谋取利益的事。
个人博客，仅用来做些笔记，不保证内容正确性，若发现错误，恳请纠正。
百度浏览器积分兑换
打开如下页面，按F12，将代码放到console下，回车。
代码
//选取data-id为6的<a>标签
var
button
=
$("a[data-id='6']")
//每秒执行一次，若按钮状态为可用，进行点击
var
fuc
=
setInterval(function()
{
//如果出现刷新验证码的按钮，则表明已抢到
if($(".refresh-btn").length
>
0){
window.clearInterval(fuc)
//桌面通知，只有chrome，firefox浏览器支持桌面API
Notification.requestPermission(function(status)
{
var
n
=
new
Notification('通知消息',
{
body:
'爱奇艺会员兑换码！'
})
})
}
else
{
button.click()
}
},1000)//一秒一次点击
本文实例为大家分享了js抽奖程序的编写代码，以及编写注意事项，感兴趣的小伙伴们可以参考一下
代码：
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>简单抽奖（可用键盘）</title>
<style>
*{margin:0padding:0}
.box{width:
400pxheight:
300pxmargin:50px
autobackground:
red}
.title{color:
#ffffont-size:
30pxfont-weight:700pxpadding:
50px
0text-align:
centerheight:40px}
.btm{text-align:
centerpadding:20px
0}
.btm
a{display:
inline-blockwidth:
120pxheight:60pxline-height:
60pxbackground:
#FEF097margin:0
10pxtext-decoration:
none}
</style>
<script>
var
data=['Iphone','Ipad','笔记本','相机','谢谢参与','充值卡','购物券'],
timer=null,//定时器
flag=0//阻止多次回车
window.onload=function(){
var
play=document.getElementById('play'),
stop=document.getElementById('stop')
//
开始抽奖
play.onclick=playFun
stop.onclick=stopFun
//
键盘事件
document.onkeyup=function(event){
event
=
event
||
window.event
//
回车键的code值：13
if(event.keyCode==13){
if(flag==0){
playFun()
flag=1
}else{
stopFun()
flag=0
}
}
}
function
playFun(){
var
title=document.getElementById('title')
var
play=document.getElementById('play')
clearInterval(timer)
timer=setInterval(function(){
var
random=Math.floor(Math.random()*data.length)
title.innerHTML=data[random]
},60)
play.style.background='#999'
}
function
stopFun(){
clearInterval(timer)
var
play=document.getElementById('play')
play.style.background='#FEF097'
}
}
</script>
</head>
<body>
<div
class="box">
<div
class="title"
id="title">淘家趣抽奖</div>
<div
class="btm">
<a
href="javascript:"
id="play">开始</a>
<a
href="javascript:"
id="stop">停止</a>
</div>
</div>
</body>
</html>
注意点：
1.随机数，取数组的其中一个；取0-n之间：Math.random()*(n+1)
2.定时器，开始抽奖时要停止前面的一次抽奖，不然会定时器重叠
3.按键 *** 作，要判断是抽奖进行中，还是未开始，所有设置了变量
flag
想要学习更多关于javascript抽奖功能，请参考此专题：javascript实现抽奖功能
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）