您正在使用 IPV4 [54.208.238.160] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]保护绿色环境,构建和谐社会       悟空收录网      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 007
2024年 劳动节 034
2025年 元 旦 279
2025年 春 节 307
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
JavaScript实现限时秒杀功能
内容摘要: !DOCTYPEhtmlhtmlheadmetacharset='utf-8'title/title/headbodydivclass='box'divid='d'/div!--剩余的天数--divid='h'/div!--剩余的小时--divid='m'/div!--剩余的分钟--divid='s'/div!--剩余的秒数--/divscript//设置秒......
<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<title></title>

</head>

<body>

<divclass="box">

<divid="d"></div><!--剩余的天数-->

<divid="h"></div><!--剩余的小时-->

<divid="m"></div><!--剩余的分钟-->

<divid="s"></div><!--剩余的秒数-->

</div>

<script>

//设置秒杀结束时间

varendTime=newDate('2021-10-2218:51:59'),endSeconds=endTime.getTime();

//定义变量保存剩余的时间

vard=h=m=s=0;

//设置定时器,实现限时秒杀效果

varid=setInterval(seckill,1000);

functionseckill(){

varnowTime=newDate();//获取当前时间

//获取时间差,单位为秒

varremaining=parseInt((endSeconds-nowTime.getTime())/1000);

if(remaining>0){//判断秒杀是否过期

//计算剩余天数(除以60*60*24取整,获取剩余的天数)

d=parseInt(remaining/86400);

//计算剩余小时(除以60*60转换为小时,与24小时取模,获取剩余的小时)

h=parseInt((remaining/3600)%24);

//计算剩余分钟(除以60转为分钟,与60取模,获取剩余的分钟)

m=parseInt((remaining/60)%60);

//计算剩余秒(与60取模,获取剩余的秒数)

s=parseInt(remaining%60);

//统一利用两位数表示剩余的天、小时、分钟、秒

d=d<10?'0'+d:d;

h=h<10?'0'+h:h;

m=m<10?'0'+m:m;

s=s<10?'0'+s:s;

}else{

clearInterval(id);//秒杀过期,取消定时器

d=h=m=s='00';

}

//将剩余的天,小时,分钟和秒显示到指定的网页中

document.getElementById('d').innerHTML=d+'天';

document.getElementById('h').innerHTML=h+'时';

document.getElementById('m').innerHTML=m+'分';

document.getElementById('s').innerHTML=s+'秒';

}

</script>

</body>

</html>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:浏览器图片选择预览、旋转、批量上传的JS代码实现

 

下一篇:JS使用H5实现图片预览功能

发布日期:2023/4/13
手机扫二维码直达本页
发布时间:12:54:50
点  击:7
录  入:齐天大圣
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....