厨房音效暂存
This commit is contained in:
@@ -40,6 +40,14 @@ html {
|
|||||||
top: 1.18667rem;
|
top: 1.18667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header .muciek {
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
position: absolute;
|
||||||
|
right: 0.1rem;
|
||||||
|
top: 2.0rem;
|
||||||
|
}
|
||||||
|
|
||||||
.header .record_icon {
|
.header .record_icon {
|
||||||
width: 1.57333rem;
|
width: 1.57333rem;
|
||||||
height: 0.61333rem;
|
height: 0.61333rem;
|
||||||
|
@@ -43,6 +43,14 @@ html {
|
|||||||
top: px2rem(89);
|
top: px2rem(89);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.muciek {
|
||||||
|
width: px2rem(60);
|
||||||
|
height: px2rem(60);
|
||||||
|
position: absolute;
|
||||||
|
right: 0.1rem;
|
||||||
|
top: 2.0rem;
|
||||||
|
}
|
||||||
|
|
||||||
.record_icon {
|
.record_icon {
|
||||||
width: px2rem(118);
|
width: px2rem(118);
|
||||||
height: px2rem(46);
|
height: px2rem(46);
|
||||||
|
BIN
view/peko/activity/act-kitchen/images/bo.png
Normal file
BIN
view/peko/activity/act-kitchen/images/bo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.4 KiB |
BIN
view/peko/activity/act-kitchen/images/jin.png
Normal file
BIN
view/peko/activity/act-kitchen/images/jin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
@@ -17,6 +17,7 @@
|
|||||||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||||||
<img src="./images/record_icon.png" alt="" class="record_icon">
|
<img src="./images/record_icon.png" alt="" class="record_icon">
|
||||||
<img src="./images/rank_icon.png" alt="" class="rank_icon">
|
<img src="./images/rank_icon.png" alt="" class="rank_icon">
|
||||||
|
<img src="./images/bo.png" alt="" class="muciek" id="muciek">
|
||||||
<!-- <div class="headerH3">選擇鉆石 > 選擇圖標</div> -->
|
<!-- <div class="headerH3">選擇鉆石 > 選擇圖標</div> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- 食材大盒子 -->
|
<!-- 食材大盒子 -->
|
||||||
@@ -311,6 +312,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 投入音效 -->
|
||||||
|
<audio style="display: none;" id="draw">
|
||||||
|
<source src="https://img.tukuppt.com/newpreview_music/09/00/67/5c8941a76fd1b53174.mp3" type="audio/mp3">
|
||||||
|
</audio>
|
||||||
|
<!-- 开奖中音效 -->
|
||||||
|
<audio style="display: none;" id="lotteryMusic">
|
||||||
|
<source src="https://img.tukuppt.com/newpreview_music/09/00/67/5c8941a43051468781.mp3" type="audio/mp3">
|
||||||
|
</audio>
|
||||||
|
<!-- 背景音效 -->
|
||||||
|
<audio style="display: none;" id="backgroundMusic" autoplay loop>
|
||||||
|
<source src="https://img.tukuppt.com/newpreview_music/08/99/14/5c88e514c9bd380408.mp3" type="audio/mp3">
|
||||||
|
</audio>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
@@ -39,6 +39,9 @@ let type = 1
|
|||||||
let pageSize = 20
|
let pageSize = 20
|
||||||
let page = 1
|
let page = 1
|
||||||
let pageSizeLack = true;
|
let pageSizeLack = true;
|
||||||
|
var audioIf = true;
|
||||||
|
var backgroundMusic = document.getElementById('backgroundMusic');
|
||||||
|
var lotteryMusic = document.getElementById('lotteryMusic');
|
||||||
$(function () {
|
$(function () {
|
||||||
getInfoFromClient()
|
getInfoFromClient()
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
@@ -96,6 +99,9 @@ function getNewestAct () {
|
|||||||
listItem(roundId);
|
listItem(roundId);
|
||||||
if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) {
|
if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) {
|
||||||
// 第一階段
|
// 第一階段
|
||||||
|
if (audioIf) {
|
||||||
|
backgroundMusic.play();
|
||||||
|
}
|
||||||
console.log("第一階段");
|
console.log("第一階段");
|
||||||
countupTimes = Math.floor(((drawStageStartTime - startTime) - (userComeinTime - startTime)) / 1000 + 1);
|
countupTimes = Math.floor(((drawStageStartTime - startTime) - (userComeinTime - startTime)) / 1000 + 1);
|
||||||
countup(1);
|
countup(1);
|
||||||
@@ -103,6 +109,11 @@ function getNewestAct () {
|
|||||||
$('.result_popup').hide();
|
$('.result_popup').hide();
|
||||||
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
|
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
|
||||||
// 第二階段
|
// 第二階段
|
||||||
|
backgroundMusic.pause();
|
||||||
|
lotteryMusic.currentTime = 0;
|
||||||
|
lotteryMusic.volume = 100 / 100;
|
||||||
|
lotteryMusic.play();
|
||||||
|
|
||||||
console.log("第二階段");
|
console.log("第二階段");
|
||||||
countupTimes = Math.floor(((showResultStageStartTime - drawStageStartTime) - (userComeinTime - drawStageStartTime)) / 1000 + 1);
|
countupTimes = Math.floor(((showResultStageStartTime - drawStageStartTime) - (userComeinTime - drawStageStartTime)) / 1000 + 1);
|
||||||
countup(2);
|
countup(2);
|
||||||
@@ -116,6 +127,10 @@ function getNewestAct () {
|
|||||||
}, 100);
|
}, 100);
|
||||||
} else if (showResultStageStartTime <= userComeinTime && userComeinTime < endTime) {
|
} else if (showResultStageStartTime <= userComeinTime && userComeinTime < endTime) {
|
||||||
// 第三階段
|
// 第三階段
|
||||||
|
lotteryMusic.pause();
|
||||||
|
if (audioIf) {
|
||||||
|
backgroundMusic.play();
|
||||||
|
}
|
||||||
console.log("第三階段");
|
console.log("第三階段");
|
||||||
countupTimes = Math.floor(((endTime - showResultStageStartTime) - (userComeinTime - showResultStageStartTime)) / 1000 + 1);
|
countupTimes = Math.floor(((endTime - showResultStageStartTime) - (userComeinTime - showResultStageStartTime)) / 1000 + 1);
|
||||||
countup(3);
|
countup(3);
|
||||||
@@ -300,6 +315,11 @@ function draw (itemId, tais) {
|
|||||||
$('.box .box_in .sBox').click(function () {
|
$('.box .box_in .sBox').click(function () {
|
||||||
var id = $(this).attr('id');
|
var id = $(this).attr('id');
|
||||||
// $(this).children('.qp').show();
|
// $(this).children('.qp').show();
|
||||||
|
var drawBut = document.getElementById("draw");
|
||||||
|
drawBut.pause();
|
||||||
|
drawBut.currentTime = 0; // 将当前时间设置为0,可选
|
||||||
|
drawBut.play();
|
||||||
|
|
||||||
draw(id, $(this));
|
draw(id, $(this));
|
||||||
})
|
})
|
||||||
// 去充值按鈕
|
// 去充值按鈕
|
||||||
@@ -491,6 +511,16 @@ $('.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .con
|
|||||||
}
|
}
|
||||||
$('.shade-mask-fragmentNum').hide()
|
$('.shade-mask-fragmentNum').hide()
|
||||||
})
|
})
|
||||||
|
$('.muciek').click(function () {
|
||||||
|
audioIf = !audioIf;
|
||||||
|
if (audioIf) {
|
||||||
|
$(this).attr('src', './images/bo.png')
|
||||||
|
backgroundMusic.play();
|
||||||
|
} else {
|
||||||
|
$(this).attr('src', './images/jin.png')
|
||||||
|
backgroundMusic.pause();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
//返回页面 重新请求接口
|
//返回页面 重新请求接口
|
||||||
// var hiddenProperty = 'hidden' in document ? 'hidden' :
|
// var hiddenProperty = 'hidden' in document ? 'hidden' :
|
||||||
|
Reference in New Issue
Block a user