av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue實現(xiàn)時間倒計時功能

瀏覽:2日期:2023-02-16 08:12:38

本文實例為大家分享了vue實現(xiàn)時間倒計時功能的具體代碼,供大家參考,具體內(nèi)容如下

需求:

做一個剩余支付時間倒計時的效果

效果圖:

vue實現(xiàn)時間倒計時功能

代碼:

<template> <div>剩余支付時間:{{count}}</div></template><script>export default { data() {return { count: ’’, //倒計時 seconds: 864000 // 10天的秒數(shù)} }, mounted() {this.Time() //調(diào)用定時器 }, methods: {// 天 時 分 秒 格式化函數(shù)countDown() { let d = parseInt(this.seconds / (24 * 60 * 60)) d = d < 10 ? '0' + d : d let h = parseInt(this.seconds / (60 * 60) % 24); h = h < 10 ? '0' + h : h let m = parseInt(this.seconds / 60 % 60); m = m < 10 ? '0' + m : m let s = parseInt(this.seconds % 60); s = s < 10 ? '0' + s : s this.count = d + ’天’ + h + ’時’ + m + ’分’ + s + ’秒’},//定時器沒過1秒?yún)?shù)減1Time() { setInterval(() => {this.seconds -= 1this.countDown() }, 1000)}, }}</script>

時間的秒數(shù)可以根據(jù)自己的需求進行修改

再為大家分享一段代碼:vue時分秒倒計時

countTime: function () {//獲取當(dāng)前時間var date = new Date();var now = date.getTime();//設(shè)置截止時間var endDate = new Date('2018-10-22 23:23:23');var end = endDate.getTime();//時間差var leftTime = end - now;//定義變量 d,h,m,s保存倒計時的時間if (leftTime >= 0) { d = Math.floor(leftTime / 1000 / 60 / 60 / 24); this.h = Math.floor(leftTime / 1000 / 60 / 60 % 24); this.m = Math.floor(leftTime / 1000 / 60 % 60); this.s = Math.floor(leftTime / 1000 % 60); } console.log(this.s); //遞歸每秒調(diào)用countTime方法,顯示動態(tài)時間效果 setTimeout(this.countTime, 1000); }

更多關(guān)于倒計時的文章請查看專題:《倒計時功能》

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产一区二区日韩 | 亚洲啪啪 | 久久99精品久久久久久国产越南 | 7777精品伊人久久精品影视 | 精品久久99| 国产成人综合一区二区三区 | 国产精品一区二区三级 | 亚洲三区在线观看 | 国产有码 | 欧美一级在线免费观看 | 久草新在线 | 玖操| 久久国际精品 | 久久香蕉精品视频 | 亚洲欧美一区二区在线观看 | 亚洲日韩中文字幕一区 | 日韩免费av一区二区 | 99re6在线视频精品免费 | 亚洲精选一区 | av黄色在线观看 | 欧美激情精品久久久久久变态 | 波多野结衣一区二区三区在线观看 | 中文字幕日韩欧美 | 亚洲网址在线观看 | 欧美激情久久久 | 欧美嘿咻 | 中文字幕人成乱码在线观看 | 91精品国产91久久综合桃花 | 欧美精品乱码99久久影院 | 国产午夜精品一区二区三区四区 | 欧美精品一级 | 欧美日韩成人一区二区 | 91原创视频| 亚洲综合无码一区二区 | 日韩一级免费 | 在线观看成人小视频 | 不卡视频一区二区三区 | 伊人伊人伊人 | 国产精品久久久久久久久免费丝袜 | 日韩中文字幕在线视频观看 | 亚洲精品乱码久久久久久9色 |