日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

javascript - 使用vue做個抽獎問題

瀏覽:273日期:2023-04-25 11:22:22

問題描述

代碼:

<!DOCTYPE html><html><head> <meta charset='UTF-8'> <title></title> <script src='https://cdn.bootcss.com/vue/2.3.4/vue.min.js'></script> <style>* { margin: 0; padding: 0;}#app ul li { width: 100px; height: 100px; box-sizing: border-box; background: #ccc; float: left;}#app ul li.active { border: 3px solid red;} </style></head><body><p id='app'> <ul><li v-for='(item, index) of items' :class='{active: index == actvieIndex}'>{{ item.name }}</li> </ul></p><script>var app = new Vue({ el: ’#app’, data () {return { actvieIndex: 0, items: [{name: ’1’},{name: ’2’},{name: ’3’},{name: ’4’},{name: ’5’}, // 這些都假設是一些用戶名字{name: ’6’},{name: ’7’},{name: ’8’},{name: ’9’},{name: ’10’},{name: ’11’},{name: ’12’},{name: ’13’},{name: ’14’},{name: ’15’},{name: ’16’},{name: ’17’}, ]} }, mounted () {setInterval(() => { this.actvieIndex++; if(this.actvieIndex >= this.items.length ) this.actvieIndex = 0;}, 50); }})</script></body></html>

比如10秒就要停止顯示, 快到10秒了,就應該慢慢的停止。 這樣用戶才會有那種激動感。

相信大家都玩過轉盤,就跟那個類似。 但是不知道怎么做。

問題解答

回答1:

簡單的做了一個 demo。

<!DOCTYPE html><html><head> <meta charset='UTF-8'> <title></title> <script src='https://cdn.bootcss.com/vue/2.3.4/vue.min.js'></script> <style>* { margin: 0; padding: 0;}#app ul li { width: 100px; height: 100px; box-sizing: border-box; background: #ccc; float: left;}#app ul li.active { border: 3px solid red;} </style></head><body><p id='app'> <ul><li v-for='(item, index) of items' :class='{active: index == actvieIndex}'>{{ item.name }}</li> </ul></p><script>var app = new Vue({ el: ’#app’, data () {return { actvieIndex: 0, i: 0, count: 0, items: [{name: ’1’},{name: ’2’},{name: ’3’},{name: ’4’},{name: ’5’}, // 這些都假設是一些用戶名字{name: ’6’},{name: ’7’},{name: ’8’},{name: ’9’},{name: ’10’},{name: ’11’},{name: ’12’},{name: ’13’},{name: ’14’},{name: ’15’},{name: ’16’},{name: ’17’}, ]} }, methods: { go(seconds) {const SECONDS = seconds * 1000;const HALF_SECONDS = SECONDS / 2;const FREQUENCY = 50;setTimeout(() => { console.log(this.count) this.actvieIndex++; if(this.actvieIndex >= this.items.length ) this.actvieIndex = 0; if (this.count >= HALF_SECONDS) { this.i+= 10; this.count += 50 + this.i; } else { this.count += 50; } if (this.count <= SECONDS) { this.go(seconds) }}, FREQUENCY + this.i); } }, mounted () { this.go(5) }})</script></body></html>回答2:

那你的定時器可以分兩個5s執行啊,前5s快,后5s慢。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
久久99精品久久久久久园产越南| 日韩av成人高清| 老司机精品视频在线播放| 国产精品最新| 91视频一区| 日韩欧美综合| 精品欧美激情在线观看| 蜜桃视频欧美| 蜜臀av一区二区在线免费观看| 婷婷精品在线| 精品视频自拍| 欧美日韩在线网站| 婷婷综合一区| 91麻豆国产自产在线观看亚洲| 欧美成人久久| 69精品国产久热在线观看| 精品网站999| 中文日韩欧美| 久久久免费人体| 91av亚洲| 国产视频欧美| 精品理论电影在线| 国产精品日韩| 精品久久97| 亚洲人www| 久久精品卡一| 国产欧美日韩免费观看| 日韩深夜视频| 亚洲精品欧美| 神马久久午夜| 日韩成人午夜精品| 99视频精品全部免费在线视频| 亚洲免费福利一区| 亚洲国产成人二区| 综合激情婷婷| 粉嫩av一区二区三区四区五区 | 久久gogo国模啪啪裸体| 亚洲欧美日本日韩| 999久久久免费精品国产| 乱一区二区av| 日韩欧美中文字幕在线视频| 亚洲电影在线| 国产传媒在线| 久久久亚洲欧洲日产| 日韩精品一级中文字幕精品视频免费观看| 国产在线观看91一区二区三区| 日韩高清在线观看一区二区| 午夜久久影院| 亚洲夜间福利| 神马日本精品| 在线观看精品| 日韩在线观看不卡| 婷婷亚洲综合| 在线一区视频| 免费观看在线色综合| 亚洲一区欧美二区| 性欧美长视频| 亚洲伊人精品酒店| 午夜电影一区| 亚洲精品日本| 亚州国产精品| 欧美国产另类| 日韩av在线播放网址| 另类专区亚洲| 偷拍欧美精品| 视频在线观看一区| 天堂俺去俺来也www久久婷婷| 日韩高清在线不卡| 美女毛片一区二区三区四区最新中文字幕亚洲 | 快she精品国产999| 狠狠干成人综合网| 99在线|亚洲一区二区| 日本欧美在线看| 亚州av日韩av| 九九九精品视频| 成人羞羞在线观看网站| 亚洲制服少妇| 国产精品久久国产愉拍| 国产精品麻豆久久| 亚洲色诱最新| 国产精品白丝一区二区三区| 国产盗摄——sm在线视频| 亚洲国内欧美| 中文亚洲免费| 丝袜美腿一区二区三区| 日韩中文字幕亚洲一区二区va在线 | 亚洲精品三级| 97欧美在线视频| 人人精品人人爱| 久久精品国产999大香线蕉| 999久久久91| 国产精品欧美大片| 欧美色图国产精品| 日韩和欧美的一区| 日韩高清中文字幕一区二区| 亚洲午夜免费| 丁香六月综合| 国产亚洲第一伦理第一区| 亚洲国产不卡| 久草精品视频| 日韩av二区在线播放| 国产综合婷婷| 国模大尺度视频一区二区| 日韩一区二区三区免费视频| 色吊丝一区二区| 麻豆久久久久久| 日韩 欧美一区二区三区| 好看的亚洲午夜视频在线| 欧美精品第一区| 亚洲午夜久久| 视频一区二区欧美| 久久国产电影| 香蕉成人av| 日韩一区亚洲二区| 国产精品精品| 91免费精品| 久久久男人天堂| 久久精品福利| 国产精品久久| 国产精品xxxav免费视频| 欧美影院视频| 国产日韩视频| 精品淫伦v久久水蜜桃| 午夜精品影视国产一区在线麻豆| 好看的av在线不卡观看| 99在线|亚洲一区二区| 亚洲欧美日韩国产一区| 美国欧美日韩国产在线播放| 国产亚洲在线观看| 亚洲一区免费| 亚洲3区在线| 国产精品天堂蜜av在线播放| 国产日韩欧美一区二区三区在线观看| 日韩国产欧美在线播放| 国产精品免费精品自在线观看| 国产精品日本一区二区三区在线| 国产精品theporn| 久久久久久夜| 99精品视频在线观看免费播放| 亚洲欧洲高清| 美女精品在线| 日韩精品一区二区三区中文字幕| 国产精品综合| 黄色不卡一区| 国产麻豆一区| 午夜精品久久久久久久久久蜜桃| 日韩视频不卡| 国产日韩欧美三级| 欧美成人a交片免费看| 美女精品一区| 精品国产18久久久久久二百| 激情综合网五月| 国产精品最新自拍| 1000部精品久久久久久久久| 婷婷成人基地| 精品视频网站| 欧美中文字幕| 成人片免费看| 国产欧美三级| 国产婷婷精品| 91一区二区三区四区| 偷拍亚洲精品| 午夜国产精品视频免费体验区| 国产日韩欧美三级| 美日韩精品视频| 欧美日韩一区二区三区视频播放| 久久国产视频网| 中文不卡在线| 免费视频亚洲| 欧美日韩精品一区二区三区视频 | 久久uomeier| 米奇777超碰欧美日韩亚洲| 伊人影院久久| 7777精品| 欧美亚洲自偷自偷| 欧美成人综合| 国产一区二区三区四区五区传媒| 视频一区中文字幕国产| 国产精品日韩久久久| 国产手机视频一区二区| 天堂网在线观看国产精品| 欧美色图一区| 石原莉奈在线亚洲二区| 视频一区二区三区中文字幕| 亚洲精品护士| 免费在线观看一区| av日韩中文| 99国产一区| 欧美久久久网站| 成人国产精品一区二区网站| 久久夜夜操妹子| 亚洲欧美视频| 国产高清日韩| 91久久久精品国产| 91成人在线网站| 麻豆精品在线视频| 日韩免费福利视频| 亚洲精品一二三**| 国内揄拍国内精品久久| 在线国产一区二区|