倒计时案例的代码(例如某一个平台的秒杀剩余时间)

简介: 经常我们会在网站上看见某个厂家某个品牌举办倒计时抢购活动,以下我们就来实现这个功能.

image.png

毫秒计算出来以后通过以下公式将其转换为天时分秒

image.png

注意:1秒等于1000毫秒

image.png

<script>functioncountDown(time) {
varnowTime=+newDate(); // 返回的是当前时间总的毫秒数varinputTime=+newDate(time); // 返回的是用户输入时间总的毫秒数vartimes= (inputTime-nowTime) /1000; // times是剩余时间总的秒数 vard=parseInt(times/60/60/24); // 天d=d<10?'0'+d : d;
varh=parseInt(times/60/60%24); //时h=h<10?'0'+h : h;
varm=parseInt(times/60%60); // 分m=m<10?'0'+m : m;
vars=parseInt(times%60); // 当前的秒s=s<10?'0'+s : s;
returnd+'天'+h+'时'+m+'分'+s+'秒';
        }
console.log(countDown('2021-8-31 11:00:00'));
vardate=newDate();
console.log(date);
</script>
相关文章
|
9月前
|
数据挖掘 黑灰产治理
排队免单商城系统开发详细案例/方案项目/源码指南
排队免单商城系统开发设计是指开发一种商城系统,其中用户可以通过排队活动获得商品免单的机会。
|
小程序 JavaScript
小程序实现简单的倒计时秒杀效果
小程序实现简单的倒计时秒杀效果
124 0
|
2月前
小猫咪抽奖系统1.11(有卡密功能)
一个可以用于抽奖的源码,用于公司年会,节日活动抽奖,支持自定义奖品中奖概率和奖品数量,支持设置单个账号抽奖次数,支持限制抽奖邮箱类型(如限制只能使用qq邮箱等),支持邮箱验证抽奖账户,支持自定义公告
69 12
|
3月前
|
监控 小程序 前端开发
排队免单小程序开发源码案例
“排队免单小程序”旨在通过用户排队行为结合特定规则为用户提供免单或优惠机会,提升用户体验及商家流量。核心功能包括用户注册登录、排队管理、免单规则设置、支付与结算、商家管理和通知提醒等。技术上采用微信小程序开发框架,前后端分离架构,集成微信支付等服务,确保高效安全的数据处理与传输。项目开发过程涵盖需求分析、设计开发、集成测试和上线发布,后期注重数据监控、用户反馈和运营推广,以持续优化用户体验。
|
7月前
|
小程序 前端开发
微信综合购物商城小程序ui模板源码
微信电商小程序前端页面,综合购物商城ui界面模板。主要功能包含:电商主页、商品分类、购物车、购物车结算、我的个人中心管理、礼券、签到、新人专享、专栏、商品详情页、我的订单、我的余额、我的积分、我的收藏、我的地址、我的礼券等。这是一款非常齐全的电商小程序前端模板。
182 4
|
8月前
|
JavaScript 前端开发
杨老师课堂之JavaScript定时器限时抢购秒杀商品案例
杨老师课堂之JavaScript定时器限时抢购秒杀商品案例
91 0
|
9月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程08-购物车功能开发
点餐小程序实战教程08-购物车功能开发
|
缓存 小程序 JavaScript
云开发小程序倒计时防刷新功能及签到功能
云开发小程序倒计时防刷新功能及签到功能
76 0
|
存储 前端开发 BI
九宫格抽奖系统源码开发功能规则实例解析
九宫格抽奖系统源码开发功能规则实例解析
商城秒杀倒计时函数封装
商城秒杀倒计时函数封装
58 0