BadBarSlots/slots.html
2017-05-07 21:14:43 +05:00

49 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BAD BAR Slots</title>
<link rel="stylesheet" href="css/style.css" type='text/css'>
</head>
<body id="playNormal" class="nocursor">
<div class="wrap">
<div class="logo">
<img src="img/logo.svg" alt="">
</div>
<div class="slot-wrap">
<ul class="slot">
</ul>
</div>
</div>
<script src="js/jquery.min.js"></script>
<!-- <script src="js/jquery.easing.1.3.js"></script> -->
<script src="js/jquery.jSlots.min.js"></script>
<script>
let params = location.search.split('=')[1]
let data = JSON.parse(
decodeURIComponent(
decodeURIComponent(params)
))
let items = data.items
.reduce((sum, cur) => sum + `<li>${cur}</li>`, '')
$('.slot').html(items)
let sound = new Audio('snd/noize.mp3')
let playSound = () => {
sound.play()
}
$('.slot').jSlots({
number: data.number,
spinner : '#playNormal',
onStart: playSound,
time : 6000,
});
</script>
</body>
</html>