当前位置:首页 » 十一秒杀 » js秒杀活动倒计时
扩展阅读
宁波奥德赛优惠价格 2021-03-15 14:26:02
丹尼斯购物卡能挂失么 2021-03-15 14:25:58
淘宝购物指纹验证失败 2021-03-15 14:24:44

js秒杀活动倒计时

发布时间: 2021-03-01 21:25:53

A. js 倒计时10秒代码怎么弄要显示

function dianji(){
var num=10

name = setInterval(function() {
$("#" + id).html(num);// 你倒来计时显示的地源方元素

num--;
if(num==0){

clearInterval(name);
}
}
}, 1000);
}

按钮里加个onclick方法 然后执行这个函数

B. JS 5秒倒计时的代码怎么写时间要实时显示在屏幕上的。

<!DOCTYPEhtml>

<htmllang="en">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>js实现倒计时60秒的简单代码(推荐)</title>

<scripttype="text/javascript"src="js/jquery.js"></script>

</head>

<body>

<inputtype="button"id="btn"value="免费获取验证码"onclick="settime(this)"/>

<scripttype="text/javascript">

varcountdown=60;

functionsettime(val){

if(countdown==0){

val.removeAttribute("disabled");

val.value="免费获取验证码";

countdown=5;

}else{

val.setAttribute("disabled",true);

val.value="重新发送("+countdown+")";

countdown--;

setTimeout(function(){

settime(val)

},1000)

}

}

</script>

</body>

</html>

C. 求一段代码和js,一个页面多个活动倒计时,并且倒计时结束改变按钮内容不可点击,如图

JS定时器:
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

D. JavaScript怎么实现的商品抢购倒计时

<html>
<head>
<meta charset="utf-8">
<title>JS抢购倒计时</title>
</head>
<body>
<span id="times" >
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("2017/4/23,19:33:12");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%60);
__s=parseInt(leftsecond%60);
var c=new Date();
var q=((c.getMilliseconds())%10);
document.getElementById("times").innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"."+q+"秒";
if(leftsecond<=0){
document.getElementById("times").innerHTML="抢购已结束";
clearInterval(sh);
}
}
_fresh()
var sh;
sh=setInterval(_fresh,100);
</SCRIPT>
</span>
</body>
</html>

E. 求一段JS代码 显示5秒倒计时后再触发按钮事件,并让按钮发送相应的JS事件。

<script type="text/javascript">
var n = 0;
var intervalID;
function setEnable(){

n++;

if(n==5){

btn.disabled = false;
// 有时抄稍后
clearInterval(intervalID);
}else{

btn.value = "我同意("+(5-n)+ ")";
}
}
intervalID = window.setInterval("setEnable()",1000);
</script>
<input type="button" id="btn" name="btn"
value="Button" disabled="disabled" />

F. 如何用javascript实现一小时倒计时

js代码:fun.js
var timmerID = null;
function time() {
var time = document.getElementById("now");
var left = document.getElementById("left");
var t = time.value.split(":");
var hour = parseInt(t[0]);
var min = parseInt(t[1]);
min=min+1;
if(min==60){
hour=hour+1;
min=0;
if(hour==24){
hour=0;
}
}
time.value=hour+":"+min;
left.value = left.value-1;
if(left.value==0){
mystop();
alert("时间已到!");
}

}
function mystart() {
var left = document.getElementById("left");
left.value="40";
timmerID = window.setInterval("time()", 1000*60);
}
function mystop() {
window.clearInterval(timmerID);
}

html页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>time.html</title>

<script type="text/javascript" src="fun.js"></script>
</head>

<body>
时间起点:<input type="text" name="now" id="now" value="0:0"/><input type="button" value="开始" onclick="mystart();"><br>
剩余时间:<input type="text" name="left" id="left" value="40" disabled="disabled"/>分钟<br>
</body>
</html>

补充:这个javascript放在一个文件叫fun.js,在html页面中要引用此文件,如:<script type="text/javascript" src="fun.js"></script> ,注意不要把路径弄错了,src后面的路径按照实际的来,如果两个文件在一个目录下,就是如上这样引用,当然也可以直接把全部的js内容放在html文件的头部,如:<script type="text/javascript">
<!--javascript代码-->
</script>

G. js 把秒 换算成 分钟+秒的形式 还在倒计时

<html>
<head>
<title> 网页名称 </title>
</head>

<body>
<script>
var a=65;
function showtime(){

a--;
document.getElementById('span_miao').innerHTML=Math.floor(a/60)+":"+a%60;
if(a<=0){
alert('时间已到');
this.location.href='index.asp';
}
setTimeout("showtime()",1000);
}

setTimeout("showtime()",1000);

</script>
这里是现实 :
你还有专<span id="span_miao" style="font-size:18px; color:#FF3300; font-weight:bold"></span>来回答问题属

</body>
</html>

H. js 倒计时10秒代码要显示怎么操作

<script type="text/javascript">

function shu(){

vardjs = document.getElementById("jishi")

if(djs.innerHTML == 0){

window.location.href='http://blog.163.com/qianw_ok/'

return false

djs.innerHTML = djs.innerHTML - 1

I. 如何让JS倒计时自动逐秒跳,而不是随着鼠标的滚轮跳

<script>
function Redirect(){
window.location = "index.php";
}
var i =10; //定义成10秒倒计时跳转
function dis(){
if(i == 0){
Redirect();
return;
}
//页面显示倒计时数字的元素内tb8
document.getElementById("tb8").innerHTML = i;
i--;
}
setInterval('dis()', 1000);//显示时间容
setTimeout('Redirect()',(i+1) * 1000); //跳转
</script>

J. javascript求一个90秒的倒计时!(倒计时不停重复)

<html>
<head>
<title></title>
<script>
vartotal=90;
functioncd(){
document.getElementById("time").innerHTML=total;
total=total-1;
if(total==0){
total=90;
}
setTimeout(cd,1000);

}
window.onload=cd;

</script>

</head>
<body>


<divid="time"></div>
</body>
</html>