java开发秒杀脚本,解密"秒杀"软件 | JavaScript最佳入门案例

网上购物变得的越来普遍,各种"秒杀"抢购的活动越来越多,除了早年雷布斯的"饥饿营销",大多数秒杀活动还是有货源的,我们秒不到货,大多是因为我们败给了计算机脚本...

a9f50dc422be

秒杀

用javascript实现秒杀倒计时的效果

模拟一个激动人心的 "剁手节" 的倒计时页面!

a9f50dc422be

2017年"剁手节"倒计时

chrome "奇技淫巧" 之 脚本编辑器!

使用chrome自带的脚本工具,写一个秒杀的脚本!

a9f50dc422be

打开脚本工具

a9f50dc422be

编写脚本

运行脚本,脚本自动"秒杀"

a9f50dc422be

运行脚本

这是运行时的效果演示,最后一次我的鼠标没动,脚本模拟鼠标完成了最后的点击!

a9f50dc422be

最终效果演示!

javascript与java是什么关系?

大概就是 "雷锋" 与 "雷锋塔"的关系!

为啥要学javascript, javascript的优势是什么?

其实原生的javascript语言并不好学,所以很多人选择折中去学jquery(jquery是javascript的一个库,比javascript稍微容易一些),但我们没有选择,javascript是唯一被各大浏览器原生支持的语言,坦率的讲,javascript的水还是蛮深的,没有几个人敢说自己精通javascript;关于优势:Node.js可以开发服务端,也就是,把javascript玩6了,就可以尝试做全栈了!

示例中源码

剁手倒计时!

window.onload = function () {

//获取HTML对象

var oTime_box = document.getElementById("time_box");

//设置秒杀开始时间,这里以 "剁手节|双十一"为例

// 0-11 表示 12个月(容易出错!)

// 1-31 表示一个月的某天(这个要看月份具体的情况,也可能是1-28,1-29,1-30)

// 0-23 表示一天的24小时

// 0-59 表示一小时的60分钟

// 0-60 表示一分钟的60秒

//今天的时间

//var targetDate = new Date(2017, 8, 18, 12, 0, 0);

//双十一的时间

var targetDate = new Date(2017, 10, 11, 0, 0, 0);

//setInterval函数可以每隔一段的时间调用一次目标函数

// 我们为了精准, 每隔0.1秒,更新一次当前时间

setInterval(update_time, 100);

//页面加载完成后立刻调用一次函数

update_time();

//更新时间的主函数,这是最常见的函数命名方式

function update_time() {

//获取当前时间

var nowDate = new Date();

//获取据目标时间的 秒数

console.log(targetDate);

var edge_millisecond = parseInt((targetDate - nowDate)/1000);

// 获取天数

var edge_days = parseInt(edge_millisecond/(24*60*60));

//获取小时数

var edge_hours = parseInt(edge_millisecond%(24*60*60)/3600);

//获取分钟数

var edge_minutes = parseInt(edge_millisecond%(24*60*60)%(60*60)/60);

//获取秒数

var edge_seconds = parseInt(edge_millisecond%(24*60*60)%(60*60)%60);

// 为了美观,使显示的数字一直保持两位

if (edge_seconds<=9){

edge_seconds = "0" + edge_seconds;

}

if (edge_minutes <=9){

edge_minutes = "0" + edge_minutes;

}

if (edge_hours <=9){

edge_hours = "0" + edge_hours;

}

if (edge_days <=9){

edge_days = "0" + edge_days;

}

// 为了避免出现负值,时间全部归零

if (nowDate >= targetDate){

edge_days = "00";

edge_hours = "00";

edge_minutes = "00";

edge_seconds = "00";

}

var result_time = '距离"双十一 , 剁手节"
还剩' + edge_days + "天" + edge_hours + "小时" + edge_minutes + "分" + edge_seconds +"秒";

oTime_box.innerHTML = result_time;

//获取点击区域

var obu = document.getElementById("butt");

// 点击事件逻辑!

obu.onclick = function () {

if (nowDate > targetDate){

alert("抢购成功!")

}else{

alert("还没到抢购时间呢!")

}

};

}

}

#time_box{

font-size: 50px;

margin: 0 auto;

}

.content{

width: 800px;

margin: 15% auto;

text-align: center;

line-height: 100px;

color: #ea6f5a;;

}

#butt{

width: 200px;

height: 80px;

background-color: #ea6f5a;

border-radius: 3px;

text-align: center;

line-height: 80px;

color: white;

margin: 0 auto;

font-size: 35px;

top: 30%;

}

.my_button{

width: 100%;

}

点击秒杀!

秒杀脚本

// 获取按钮对象

var obu = document.getElementById("butt");

// 设置秒杀时间(默认为11月11号0时0分秒)

var targetDate = new Date(2017, 10, 11, 0, 0, 0);

// 获取当前时间

var nowDate = new Date();

//用递归实现,循环监听时间的变化,

function check_click(){

nowDate = new Date();

//时间到,则进行点击

if (nowDate > targetDate){

obu.onclick();

}

else{

//每隔 1秒检测一次时间

setTimeout(check_click,1000);

}

}

console.log("开始!");

//调用函数

check_click();

如果您喜欢python,喜欢故事,请点赞或关注我!您的支持是对作者最大的鼓励!

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值