vue商品倒计时demo效果(整理)
Vue 效果 整理 Demo 商品 倒计时
2023-09-14 09:13:43 时间
let that = this;
setInterval(() => {
var intDiff = parseInt(that.detailsForm.time_surplus); //倒计时总秒数
var day = 0,
hour = 0,
minute = 0,
second = 0; //时间默认值
if (intDiff > 0) {
day = Math.floor(intDiff / (60 * 60 * 24));
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
that.detailsForm.time_surplus--; //总秒数减减
that.second = second;
that.minute = minute;
console.log(day, hour, minute, second, '44444444');
}, 1000);
相关文章
- MongoVUE_Vue.js+Flask+MongoDB
- vue 加载页面时触发时间_Vue 刷新页面时会触发事件吗「建议收藏」
- vue新春游戏-年兽大作战,欢欢喜喜过大年(可在线体验)
- 基于VUE + Echarts 实现可视化数据大屏展示效果[通俗易懂]
- 请简述什么是Vue组件化开发_vue组件化开发
- Vue(27)vue-codemirror实现在线代码编译器「建议收藏」
- Vue笔记(8)
- 前端使用Vue框架解决跨域问题「建议收藏」
- vue双向绑定失效_vue 跨域
- 极简开发VFP混搭VUE,一起迈入新世界的大门
- Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串
- vue监听点击事件_vue reload
- 在网页文档中引入Vue.js的方法有哪些?_vue直接引入js文件没有用
- vue调用js文件_vue调用其他js文件中的方法
- vue父组件调用子组件方法返回值_vue子组件修改父组件值
- 记录 vue-cli3 配置uat环境 遇到的打包问题[通俗易懂]
- Vue生成二维码_vue通过二维码分享
- vue3 报错解决:找不到模块‘xxx.vue’或其相应的类型声明。(Vue 3 can not find module)
- Vue(renren-fast_vue_master)项目目录结构[通俗易懂]
- Vue和vue全家桶有什么区别_Vue和vue全家桶有什么区别
- 10 行代码!Vue 实现炫酷的 TodoList 动画效果
- Vue非父子组件传值之事件总线(eventbus)的使用方式
- vue.js客服系统实时聊天项目开发(十二)自动欢迎信息的延迟展示效果
- linux下快速部署Vue项目(linux部署vue)
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- Vue接入Redis拓展应用的可能性(vue调redis)
- 用Vue从Redis中获取强有力的数据(vue用redis中数据)
- Vue如何连接Redis数据库(vue怎么连接Redis)
- 使用Vue从Redis获取数据(vue去redis取数据)
- 从零开始Vue项目中使用Redis(vue使用redis)