半年时间因为事情过多,付核心文件index.JS代码
开奖动画需要有图片以及音乐资源,这里我就不方便提供链接给大家了。
自己如果想测试,就拿一些自己喜欢的图或者歌曲做配置。
一下JS代码请不要少一个字符或者标点,否则会出错。
包含的这个文件--js文件 jquery-1.11.3.js 如果大家没有,随便在一些H5游戏页面上找到这个JS文件即可。那些1.11.3这是版本无所谓。
月底我会以ASP或者PHP作为后台,让开奖动画活起来。持续跟新中。。。。。。
window.onload = function() {
$(".loading").hide();
}
function pause_play() {
for(var i = 1; i < 50; i++) {
var numSound = document.getElementById("numSound" + i);
numSound.play();
numSound.pause();
if(i == 1) {
Engnum = "one"
} else if(i == 2) {
Engnum = "two"
} else if(i == 3) {
Engnum = "three"
} else if(i == 4) {
Engnum = "four"
} else if(i == 5) {
Engnum = "five"
} else if(i == 6) {
Engnum = "six"
} else if(i == 7) {
Engnum = "seven"
}
numSound = document.getElementById("numSound_" + Engnum);
numSound.play();
numSound.pause();
}
}
var oldLog = console.log; //重写 console.log
console.log = function() {
if(false) {
oldLog.apply(console, arguments);
} else {
return
}
}
loadAjax(); //打开页面请求数据
// 定义每个球的颜色
var BooColor = ["", "red", "red", "blue", "blue", "green", "green", "red", "red", "blue", "blue", "green", "red", "red", "blue", "blue", "green", "green", "red", "red", "blue", "green", "green", "red", "red", "blue", "blue", "green", "green", "red", "red", "blue", "green", "green", "red", "red", "blue", "blue", "green", "green", "red", "blue", "blue", "green", "green", "red", "red", "blue", "blue", "green"];
var bgSound = document.getElementById("bgSound");
var numSound = document.getElementById("numSound");
var originalHtml = ""; //保存原本的开奖html 内容
var stopsound = false;
$("#sound").click(function(e) { // 声音开关程序
e.preventDefault();
if($(this).hasClass("on")) {
$(this).removeClass("on").addClass("off"); //关掉声音
bgSound.pause();
numSound.pause();
} else {
$(this).removeClass("off").addClass("on"); //开声音
if(orplay()) {
bgSound.play();
numSound.play();
}
}
})
$("#try").click(function(e) { //试试手气
e.preventDefault();
stopsound = false;
if(orplay()) { // 如果 在搅珠则返回
return;
}
originalHtml = $(".number>ul").html();
$(".number>ul").html("");
if($("#sound").hasClass("on")) {
bgSound.play();
numSound.play();
}
$("#die").addClass("play");
$(".status").css("background-image", "url(img/status.gif)")
var eachnone = setTimeout(function() {
$(".each").css("display", "none")
$("#die").css("background-image", "initial");
clearTimeout(eachnone)
}, 1000)
var eachtime = setTimeout(function() {
$(".each").css("display", "block").css("background-image", "url(img/each.gif)");
addDOM(createArr(), false) //加载随机数到 DOM
clearTimeout(eachtime);
}, 2500)
})
//判断是否在播放
function orplay() {
if($("#die").hasClass("play")) {
console.log(true)
return true;
} else {
console.log(false)
return false;
}
}
//得到去重后的随机数据(数组)
function createArr() {
var a