秒杀的倒计时按钮实现
2017-04-28 15:00
441 查看
ps:只有按钮 没有秒杀 还在做
一个小小的按钮 花了我一个下午的时间 自己水平还是太次啊
直接贴代码html>
html lang="en">
head>
meta charset="UTF-8">
</title>
script>
head>
body>
br>
input type="button" id="btn" value="秒杀" disabled="true"/>
body>
script type="text/javascript">
$(function(){
var stringTime = "2017-04-27 19:44:00";
var timestamp2 = Date.parse(new Date(stringTime));
timestamp2 = timestamp2 / 1000; //获取到的 格式日期 的时间戳
var myDate = new Date();
var timestamp = myDate.getTime()/1000; //当前时间戳 获取的时间戳为毫秒 需除1000
timestamp = timestamp.toFixed();
//过了某时间 直接不可点
var stringTime3 = "2017-04-27 20:02:00";
var timestamp4 = Date.parse(new Date(stringTime3));
timestamp4 = timestamp4 / 1000; //获取到的 格式日期 的时间戳
if(timestamp>timestamp4){
alert('活动已结束');
return;
}
if(timestamp>timestamp2 && timestamp<timestamp4){
$("#btn").val("秒杀").removeAttr("disabled");
return;
}
var count = timestamp2 - timestamp;
var countdown = setInterval(CountDown, 1000);
function CountDown() {
$("#btn").val("离活动开始还有" + count + "秒");
if (count == 0) {
$("#btn").val("秒杀").removeAttr("disabled");
clearInterval(countdown);
}
count--;
}
});
script>
http://www.cnblogs.com/zyjfire/articles/6775383.html 食用
一个小小的按钮 花了我一个下午的时间 自己水平还是太次啊
直接贴代码html>
html lang="en">
head>
meta charset="UTF-8">
</title>
script>
head>
body>
br>
input type="button" id="btn" value="秒杀" disabled="true"/>
body>
script type="text/javascript">
$(function(){
var stringTime = "2017-04-27 19:44:00";
var timestamp2 = Date.parse(new Date(stringTime));
timestamp2 = timestamp2 / 1000; //获取到的 格式日期 的时间戳
var myDate = new Date();
var timestamp = myDate.getTime()/1000; //当前时间戳 获取的时间戳为毫秒 需除1000
timestamp = timestamp.toFixed();
//过了某时间 直接不可点
var stringTime3 = "2017-04-27 20:02:00";
var timestamp4 = Date.parse(new Date(stringTime3));
timestamp4 = timestamp4 / 1000; //获取到的 格式日期 的时间戳
if(timestamp>timestamp4){
alert('活动已结束');
return;
}
if(timestamp>timestamp2 && timestamp<timestamp4){
$("#btn").val("秒杀").removeAttr("disabled");
return;
}
var count = timestamp2 - timestamp;
var countdown = setInterval(CountDown, 1000);
function CountDown() {
$("#btn").val("离活动开始还有" + count + "秒");
if (count == 0) {
$("#btn").val("秒杀").removeAttr("disabled");
clearInterval(countdown);
}
count--;
}
});
script>
http://www.cnblogs.com/zyjfire/articles/6775383.html 食用
相关文章推荐
- 不使用用AJAX框架实现团购或秒杀的无刷新倒计时方案
- JQuery实现倒计时按钮的实现代码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- asp.net页面如何实现按钮倒计时
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery实现倒计时按钮功能代码分享
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现验证码倒计时 点击按钮后倒计时效果
- 简单的JS实现按钮触发倒计时功能
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- javascript 实现 秒杀,团购 倒计时展示的记录 分享
- jQuery实现倒计时按钮功能代码分享
- jquery ajax的success回调函数中实现按钮置灰倒计时
- js实现点击注册按钮开始读秒倒计时的小例子
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- JQuery实现倒计时按钮具体方法
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码