kaijdetail.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
  1. var lotteryTable = $("#lotteryTable").val();
  2. var lotterytype = $("#code").val();
  3. var scode = $('#scode').val();
  4. var LotteryArea = $("#LotteryArea").val();
  5. var params = {
  6. tablename: lotteryTable,
  7. lotterytype: lotterytype,
  8. minDate: null,
  9. maxDate: null,
  10. day: 0,
  11. num: null
  12. }
  13. if (LotteryArea == 'qgc' || LotteryArea == 'dfc') {
  14. chooseTime(10, null);
  15. }
  16. else {
  17. chooseTime(0, null);
  18. }
  19. var Kaijdetail = function (opts) {
  20. var _this = this;
  21. this.ele = document.getElementById("kj");
  22. this.opts = opts;
  23. this.SX = ["鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗", "猪"];
  24. this.JJ = ["春", "夏", "秋", "冬"];
  25. this.FW = ["东", "南", "西", "北"];
  26. this.PK3 = ["fangpian", "heitao", "hongtao", "meihua"];
  27. this.PK3Code = ["A", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
  28. //this.time1 = null;
  29. this.addData = function (className, i, text, display) {
  30. if (display != 'undefined' && display != '' && display != undefined) {
  31. _this.ele.getElementsByClassName(className)[i].style.display = display;
  32. }
  33. _this.ele.getElementsByClassName(className)[i].innerText = text;
  34. },
  35. //倒计时数据修改
  36. this.opentimeDispaly = function (countdown) {
  37. if (countdown.d <= 0) {
  38. _this.addData("daytxt", 0, countdown.d, 'none');
  39. _this.addData("daytxt", 1, '天', 'none');
  40. } else {
  41. _this.addData("daytxt", 0, countdown.d, 'inline-block');
  42. _this.addData("daytxt", 1, '天', 'inline-block');
  43. }
  44. _this.addData("hourtxt", 0, countdown.h);
  45. _this.addData("mintxt", 0, countdown.m);
  46. _this.addData("sectxt", 0, countdown.s);
  47. },
  48. //ajax获取数据
  49. this.getAjax = function (callback) {
  50. $.ajax({
  51. url: "/Template/_getKjData",
  52. type: "post",
  53. data: {
  54. lotterytype: _this.opts.LotteryType,
  55. },
  56. success: function (res) {
  57. var data = JSON.stringify(res);
  58. _this.opts = JSON.parse(data);
  59. //_this.opts.NextOpenTime = "2018/3/16 15:50:00";
  60. //console.log("_this.opts", _this.opts);
  61. if (callback) {
  62. callback();
  63. }
  64. }
  65. })
  66. }
  67. //倒计时
  68. this.updateTime = function () {
  69. var countdown = getTimediff(_this.opts.NextOpenTime, new Date());
  70. if (countdown) {
  71. _this.opentimeDispaly(countdown);
  72. setTimeout(_this.updateTime, 1000);
  73. } else {
  74. var time = new Date().getTime();
  75. if (time - new Date(_this.opts.NextOpenTime).getTime() <= 180000) {
  76. //开奖
  77. _this.refresh();
  78. }
  79. }
  80. },
  81. //开奖并时间刷新
  82. this.refresh = function () {
  83. _this.ele.getElementsByClassName("opening")[0].style.display = 'block';
  84. _this.ele.getElementsByClassName("open")[0].style.display = 'none';
  85. // _this.addData("timebox",0,"开奖中... ");
  86. var balljump = setInterval(_this.balljump, 30);
  87. setTimeout(function () {
  88. _this.getAjax(function () {
  89. var countdown = formatTime(_this.opts.NextOpenTime);
  90. clearInterval(balljump);
  91. if (!countdown) {
  92. _this.getData();
  93. _this.ele.getElementsByClassName("opening")[0].style.display = 'none';
  94. _this.ele.getElementsByClassName("open")[0].style.display = 'block';
  95. getTable();
  96. } else {
  97. _this.getData();
  98. _this.updateTime();
  99. _this.ele.getElementsByClassName("opening")[0].style.display = 'none';
  100. _this.ele.getElementsByClassName("open")[0].style.display = 'block';
  101. getTable();
  102. }
  103. })
  104. }, 5000)
  105. },
  106. //小球数据
  107. this.balljump = function () {
  108. var redList = _this.ele.getElementsByClassName("red");
  109. if (redList) {
  110. for (var i = 0; i < redList.length; i++) {
  111. _this.addData("red", i, getRandomNum(1, 33));
  112. }
  113. _this.lineHeight(true);
  114. }
  115. var blueList = _this.ele.getElementsByClassName("blue");
  116. if (blueList) {
  117. for (var i = 0; i < blueList.length; i++) {
  118. _this.addData("blue", i, getRandomNum(1, 16));
  119. }
  120. _this.lineHeight(true);
  121. }
  122. var sxList = _this.ele.getElementsByClassName("shengxiao");
  123. if (sxList) {
  124. for (var i = 0; i < sxList.length; i++) {
  125. _this.addData("shengxiao", i, _this.SX[getRandomNum(0, 11)]);
  126. }
  127. _this.lineHeight(true);
  128. }
  129. var jjList = _this.ele.getElementsByClassName("jijie");
  130. if (jjList) {
  131. for (var i = 0; i < jjList.length; i++) {
  132. _this.addData("jijie", i, _this.JJ[getRandomNum(0, 3)]);
  133. }
  134. _this.lineHeight(true);
  135. }
  136. var fwList = _this.ele.getElementsByClassName("fangwei");
  137. if (fwList) {
  138. for (var i = 0; i < fwList.length; i++) {
  139. _this.addData("fangwei", i, _this.FW[getRandomNum(0, 3)]);
  140. }
  141. _this.lineHeight(true);
  142. }
  143. var pk3list = _this.ele.getElementsByClassName("pk3-list");
  144. if (pk3list) {
  145. // var pk3list=_this.ele.getElementsByClassName("pk3-list")[i];
  146. var icon = _this.ele.getElementsByClassName("icon-pk3");
  147. for (var i = 0; i < pk3list.length; i++) {
  148. _this.addData("ball-pk3", i, _this.PK3Code[getRandomNum(0, 12)]);
  149. var className = _this.PK3[getRandomNum(0, 3)];
  150. pk3list[i].className = "pk3-list " + className;
  151. icon[i].className = "iconfont icon-pk3 icon-" + className;
  152. }
  153. }
  154. },
  155. //改变lineheight,小球跳动效果
  156. this.lineHeight = function (jump) {
  157. var newLineheight = 36;
  158. if (jump) {
  159. newLineheight = getRandomNum(10, 55);
  160. }
  161. var balllists = _this.ele.getElementsByClassName("ball-list");
  162. for (var i = 0; i < balllists.length; i++) {
  163. balllists[i].style.lineHeight = newLineheight + "px"
  164. }
  165. },
  166. //更新数据
  167. this.getData = function () {
  168. var balls = [];
  169. if (_this.opts.LotteryType == "GP_KLPK3_ShanDong") {
  170. for (var i = 0; i < _this.opts.Details.length; i++) {
  171. _this.addData("ball-pk3", i, _this.opts.Details[i].Value);
  172. var className = _this.opts.Details[i].Label;
  173. var pk3list = _this.ele.getElementsByClassName("pk3-list")[i];
  174. var icon = _this.ele.getElementsByClassName("icon-pk3")[i];
  175. pk3list.className = "pk3-list " + className;
  176. icon.className = "iconfont icon-pk3 icon-" + className;
  177. }
  178. }
  179. else {
  180. if (_this.opts.RedBall || _this.opts.RedBall != null) {
  181. for (var i = 0; i < _this.opts.RedBall.length; i++) {
  182. balls.push(_this.opts.RedBall[i]);
  183. }
  184. }
  185. if (_this.opts.BlueBall || _this.opts.BlueBall != null) {
  186. for (var i = 0; i < _this.opts.BlueBall.length; i++) {
  187. balls.push(_this.opts.BlueBall[i]);
  188. }
  189. }
  190. for (var i = 0; i < balls.length; i++) {
  191. _this.addData("ball-list", i, balls[i]);
  192. }
  193. }
  194. _this.addData('kaij-qs', 0, _this.opts.Term);
  195. _this.addData('kaij-qsnext', 0, parseInt(_this.opts.Term) + 1);
  196. _this.lineHeight();
  197. },
  198. this.init = function () {
  199. _this.getData();
  200. _this.updateTime();
  201. },
  202. this.init();
  203. return _this;
  204. };
  205. //得到表格数据
  206. function getTable() {
  207. $.ajax({
  208. url: "/Template/_getTables",
  209. type: "post",
  210. data: params,
  211. success: function (res) {
  212. $("#table").html(res);
  213. }
  214. })
  215. }
  216. function addDate(days) {
  217. var d = new Date();
  218. d.setDate(d.getDate() + days);
  219. var month = d.getMonth() + 1;
  220. var day = d.getDate();
  221. if (month < 10) {
  222. month = "0" + month;
  223. }
  224. if (day < 10) {
  225. day = "0" + day;
  226. }
  227. var val = d.getFullYear() + "-" + month + "-" + day;
  228. return val;
  229. }
  230. //时间选择
  231. function chooseTime(type, obj) {
  232. var time = '';
  233. var retime = '';
  234. switch (type) {
  235. case 0:
  236. //今天 高频彩
  237. time = addDate(0);
  238. params.minDate = time + " 00:00:00";
  239. params.maxDate = time + " 23:59:59";
  240. params.num = null;
  241. params.day = 0;
  242. retime = time.replace(/\-/g, "");
  243. if (obj != null) {
  244. window.open("/kjls/" + LotteryArea + "-" + scode + ".html");
  245. }
  246. break;
  247. case 1:
  248. //昨天
  249. time = addDate(-1);
  250. params.minDate = time + " 00:00:00";
  251. params.maxDate = time + " 23:59:59";
  252. params.num = null;
  253. params.day = 0;
  254. retime = time.replace(/\-/g, "");
  255. window.open("/kjls/" + LotteryArea + "-" + scode + "-" + retime + ".html");
  256. break;
  257. case 2:
  258. //前天
  259. time = addDate(-2);
  260. params.minDate = time + " 00:00:00";
  261. params.maxDate = time + " 23:59:59";
  262. params.num = null;
  263. params.day = 0;
  264. retime = time.replace(/\-/g, "");
  265. window.open("/kjls/" + LotteryArea + "-" + scode + "-" + retime + ".html");
  266. break;
  267. case 3:
  268. //7天以前
  269. time = 7;
  270. params.minDate = null;
  271. params.maxDate = null;
  272. params.num = null;
  273. params.day = time;
  274. window.open("/kjls/" + LotteryArea + "-" + scode + "-" + 50 + ".html");
  275. break;
  276. case 4:
  277. //一个月
  278. time = 30;
  279. params.minDate = null;
  280. params.maxDate = null;
  281. params.num = null;
  282. params.day = 30;
  283. window.open("/kjls/" + LotteryArea + "-" + scode + "-" + 80 + ".html");
  284. break;
  285. case 10:
  286. //全国彩或者地方彩默认
  287. time = 10;
  288. params.minDate = null;
  289. params.maxDate = null;
  290. params.num = time;
  291. params.day = 0;
  292. //window.open("/kjls/" + LotteryArea + "/" + scode + ".html");
  293. break;
  294. }
  295. $(obj).addClass('s-acitve').siblings(obj).removeClass('s-acitve');
  296. //getTable();
  297. }
  298. //获取地址栏参数
  299. function GetQueryString(name) {
  300. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  301. var r = window.location.search.substr(1).match(reg);
  302. if (r != null) return unescape(r[2]); return null;
  303. }
  304. $(function () {
  305. $(".hot-lot-lable").click(function () {
  306. var id = $(this).attr("id");
  307. var index = $(".hot-lot-lable").index(this);
  308. $(".hot-lot-lable").removeClass("active").eq(index).addClass("active");
  309. $(".hot-lottery-content").removeClass("active").eq(index).addClass("active");
  310. })
  311. var today = new Date();
  312. $("#d15").val(today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate());
  313. //点击日期获取历史记录
  314. $("#d15").click(function () {
  315. WdatePicker({
  316. el: this,
  317. maxDate: '%y-%M-%d',
  318. onpicked: function (dp) {
  319. // console.log('日期框原来的值为: ' + dp.cal.getDateStr() + ', 要用新选择的值:' + dp.cal.getNewDateStr() + '覆盖吗?');
  320. var getPickdate = dp.cal.getNewDateStr();
  321. if (LotteryArea == 'qgc' || LotteryArea == 'dfc') {
  322. var day = parseInt((new Date().getTime() - new Date(getPickdate)) / 1000 / 60 / 60 / 24) + 1;
  323. params.day = day;
  324. //window.open("/kjls/" + LotteryArea + "/" + scode + "/" + day + ".html");
  325. }
  326. else {
  327. params.minDate = getPickdate + " 00:00:00";
  328. params.maxDate = getPickdate + " 23:59:59";
  329. var retime = getPickdate.replace(/\-/g, "");
  330. window.open("/kjls/" + LotteryArea + "-" + scode + "-" + retime + ".html");
  331. }
  332. //getTable();
  333. $(".head-right").find("span").removeClass("s-acitve");
  334. }
  335. });
  336. })
  337. //小球跳动
  338. var t = $("#nextOpentime").val();
  339. var c = $("#code").val();
  340. //console.log(c)
  341. $.ajax({
  342. url: "/Template/_getKjData",
  343. type: "post",
  344. data: {
  345. lotterytype: c
  346. },
  347. success: function (res) {
  348. //res.NextOpenTime = "2018/3/16 15:34:00";
  349. new Kaijdetail(res);
  350. }
  351. })
  352. if (GetQueryString('d') != null) {
  353. var d = GetQueryString('d');
  354. var obj = null;
  355. if (d == 1) {
  356. obj = $("#l7");
  357. chooseTime(3, obj);
  358. }
  359. if (d == 2) {
  360. obj = $("#l1");
  361. chooseTime(4, obj);
  362. }
  363. }
  364. });
  365. function query(type) {
  366. if (type == 'year') {
  367. var year = $('#input-year').val();
  368. window.open("/kjls/" + LotteryArea + "-" + scode + "-y" + year + ".html");
  369. }
  370. if (type == 'qs') {
  371. var qs = $('#input-qs').val();
  372. window.open("/kjls/" + LotteryArea + "-" + scode + "-q" + qs + ".html");
  373. }
  374. }
  375. var isleave = true;
  376. $('#input-qs').click(function () {
  377. if (isleave) {
  378. $('.query-select').css('display', 'block');
  379. isleave = false;
  380. } else {
  381. $('.query-select').css('display', 'none');
  382. isleave = true;
  383. }
  384. })
  385. $('#bs').click(function () {
  386. $('.row-new').find('.list-content').hide();
  387. $('#table1').show();
  388. $('.head-left-new').removeClass("new-on");
  389. $(this).addClass("new-on");
  390. })
  391. $('#sx').click(function () {
  392. $('.row-new').find('.list-content').hide();
  393. $('#table2').show();
  394. $('.head-left-new').removeClass("new-on");
  395. $(this).addClass("new-on");
  396. })
  397. $('#wx').click(function () {
  398. $('.row-new').find('.list-content').hide();
  399. $('#table3').show();
  400. $('.head-left-new').removeClass("new-on");
  401. $(this).addClass("new-on");
  402. })