main.js 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. // JavaScript Document
  2. //updateShare(0);
  3. $("#tryagain").on('click',function () {
  4. document.location.reload();
  5. });
  6. var shownum=0;
  7. var allnum=0;
  8. var allnumshow=0;
  9. var time_num=600;
  10. var clock=null;
  11. var sec=10;
  12. var show=
  13. [{"info":{"index":42,"j":"\u5e01"},"list":[{"index":42,"f":"\u5e63"},{"index":43,"f":"\u958b"},{"index":44,"f":"\u61b6"},{"index":45,"f":"\u6236"},{"index":46,"f":"\u7d2e"},{"index":47,"f":"\u9b25"}]},{"info":{"index":260,"j":"\u95eb"},"list":[{"index":260,"f":"\u9586"},{"index":261,"f":"\u9589"},{"index":262,"f":"\u554f"},{"index":263,"f":"\u95d6"},{"index":264,"f":"\u967d"},{"index":265,"f":"\u9670"}]},{"info":{"index":658,"j":"\u866e"},"list":[{"index":658,"f":"\u87e3"},{"index":659,"f":"\u896f"},{"index":660,"f":"\u898f"},{"index":661,"f":"\u8993"},{"index":662,"f":"\u8996"},{"index":663,"f":"\u8a86"}]},{"info":{"index":847,"j":"\u6b8b"},"list":[{"index":847,"f":"\u6b98"},{"index":848,"f":"\u6c08"},{"index":849,"f":"\u6c2b"},{"index":850,"f":"\u6fa9"},{"index":851,"f":"\u6f54"},{"index":852,"f":"\u7051"}]},{"info":{"index":1003,"j":"\u949f"},"list":[{"index":1003,"f":"\u937e"},{"index":1004,"f":"\u9209"},{"index":1005,"f":"\u92c7"},{"index":1006,"f":"\u92fc"},{"index":1007,"f":"\u9211"},{"index":1008,"f":"\u9210"}]},{"info":{"index":1360,"j":"\u63b7"},"list":[{"index":1360,"f":"\u64f2"},{"index":1361,"f":"\u64a3"},{"index":1362,"f":"\u647b"},{"index":1363,"f":"\u645c"},{"index":1364,"f":"\u6582"},{"index":1365,"f":"\u65b7"}]},{"info":{"index":1522,"j":"\u94f1"},"list":[{"index":1522,"f":"\u92a5"},{"index":1523,"f":"\u93df"},{"index":1524,"f":"\u9283"},{"index":1525,"f":"\u940b"},{"index":1526,"f":"\u92a8"},{"index":1527,"f":"\u9280"}]},{"info":{"index":1780,"j":"\u5ad4"},"list":[{"index":1780,"f":"\u5b2a"},{"index":1781,"f":"\u5be2"},{"index":1782,"f":"\u5c37"},{"index":1783,"f":"\u810a"},{"index":1784,"f":"\u6e63"},{"index":1785,"f":"\u61fe"}]},{"info":{"index":1997,"j":"\u8c31"},"list":[{"index":1997,"f":"\u8b5c"},{"index":1998,"f":"\u8b4e"},{"index":1999,"f":"\u8d05"},{"index":2000,"f":"\u8cfb"},{"index":2001,"f":"\u8cfa"},{"index":2002,"f":"\u8cfd"}]},{"info":{"index":2195,"j":"\u9cad"},"list":[{"index":2195,"f":"\u9bd6"},{"index":2196,"f":"\u9bea"},{"index":2197,"f":"\u9beb"},{"index":2198,"f":"\u9be1"},{"index":2199,"f":"\u9be4"},{"index":2200,"f":"\u9be7"}]}];
  14. var showtmp=show;
  15. $("#start").on('click',function () {
  16. document.getElementById('wbegin').style.display = "none";
  17. document.getElementById('main').style.display = "block";
  18. init();
  19. });
  20. function randArray(data){
  21. //获取数组长度
  22. var arrlen = data.length;
  23. //创建数组 存放下标数
  24. var try1 = new Array();
  25. for(var i = 0;i < arrlen; i++){
  26. try1[i] = i;
  27. }
  28. //创建数组 生成随机下标数
  29. var try2 = new Array();
  30. for(var i = 0;i < arrlen; i++){
  31. try2[i] = try1.splice(Math.floor(Math.random() * try1.length),1);
  32. }
  33. //创建数组,生成对应随机下标数的数组
  34. var try3 = new Array();
  35. for(var i = 0; i < arrlen; i++){
  36. try3[i] = data[try2[i]];
  37. }
  38. return try3;
  39. }
  40. //show=randArray(show);
  41. function init(){
  42. //shows(shownum);
  43. time();
  44. $('#selects_box').off('click');
  45. newpage();
  46. }
  47. var s=0;
  48. function shows(shownum){
  49. $(".font").text(show[shownum]['info']['j']);
  50. var p = Math.floor(Math.random()*6);
  51. for(var i=0;i<6;i++){
  52. $("#s_"+i).text(show[shownum]['list'][i]['f']);
  53. }
  54. s=p;
  55. $("#s_"+p).text(show[shownum]['list'][0]['f']);
  56. $("#s_0").text(show[shownum]['list'][p]['f']);
  57. isWin(shownum);
  58. }
  59. function update(){
  60. $('.time span').text(sec);
  61. $('.cell').removeClass('err');
  62. $('.cell').removeClass('cor');
  63. clock = setTimeout('time()',time_num);
  64. allnum++;
  65. if(shownum < 9){
  66. shownum++;
  67. shows(shownum);
  68. }
  69. else{
  70. show=showtmp;
  71. newpage();
  72. }
  73. }
  74. function newpage(){
  75. shownum = 0;
  76. $('.time span').text(sec);
  77. $('.cell').removeClass('err');
  78. $('.cell').removeClass('cor');
  79. show=randArray(show);
  80. shows(shownum);
  81. }
  82. function isWin(shownum){
  83. $("#selects_box").on('click', '.cell', function () {
  84. if ($(this).text() == show[shownum]['list'][0]['f']) {
  85. $(this).addClass('cor');
  86. $('#selects_box').off('click');
  87. clearInterval(clock);
  88. setTimeout("update()",time_num);
  89. } else {
  90. $(this).addClass('err');
  91. $("#s_"+s).addClass('cor');
  92. $('#selects_box').off('click');
  93. allnumshow=allnum;
  94. fuzhi();
  95. setTimeout("gameover()",1800);
  96. }
  97. });
  98. }
  99. function gameover(){
  100. clearInterval(clock);
  101. //updateShare(allnumshow);
  102. //Play68.setRankingScoreDesc(allnumshow);
  103. $('#wend').show();
  104. $('#main').hide();
  105. }
  106. function fuzhi(){
  107. if(allnumshow == 0){
  108. document.getElementById('text_pic').className = 'lose';
  109. document.getElementById('text_top').innerHTML = '一个字都没认出来';
  110. document.getElementById('text_bottom').innerHTML = '你的小伙们都惊呆了,没文化真可怕';
  111. }else if(allnumshow <= 10 && allnumshow > 0){
  112. document.getElementById('text_pic').className = 'lose';
  113. document.getElementById('text_top').innerHTML = '认识<span id="shownum">' + allnumshow + '</span>个繁体字';
  114. document.getElementById('text_bottom').innerHTML = '你语文是数学老师教的吧,再来一把展现你的实力';
  115. }else if(allnumshow > 10 && allnumshow <= 50){
  116. document.getElementById('text_pic').className = 'win';
  117. document.getElementById('text_top').innerHTML = '认识<span id="shownum">' + allnumshow + '</span>个繁体字';
  118. document.getElementById('text_bottom').innerHTML = '水平杠杠的,去香港和台湾都平趟了';
  119. }else if(allnumshow > 50 && allnumshow <= 100){
  120. document.getElementById('text_pic').className = 'win';
  121. document.getElementById('text_top').innerHTML = '认识<span id="shownum">' + allnumshow + '</span>个繁体字';
  122. document.getElementById('text_bottom').innerHTML = '水平深不可测,你从古代穿越过来的吧';
  123. }else if(allnumshow > 100 && allnumshow <= 1000){
  124. document.getElementById('text_pic').className = 'win';
  125. document.getElementById('text_top').innerHTML = '认识<span id="shownum">' + allnumshow + '</span>个繁体字';
  126. document.getElementById('text_bottom').innerHTML = '你有国学大师的素养,国家的栋梁之材!';
  127. }else if(allnumshow > 1000){
  128. document.getElementById('text_pic').className = 'win';
  129. document.getElementById('text_top').innerHTML = '认识<span id="shownum">' + allnumshow + '</span>个繁体字';
  130. document.getElementById('text_bottom').innerHTML = '你是神一样的人,才华超出人类范围';
  131. }
  132. }
  133. function time(){
  134. var time = $('.time').text();
  135. var second = parseInt(time);
  136. if(second <= 0){
  137. $('#selects_box').off('click');
  138. allnumshow=allnum;
  139. fuzhi();
  140. $("#s_"+s).addClass('cor');
  141. setTimeout("gameover()",1800);
  142. }else{
  143. second--;
  144. time = second + 's';
  145. $('.time span').text(second);
  146. clock = setTimeout('time()',1000);
  147. }
  148. }
  149. $("#whshare").on('click',function () {
  150. //play68_submitScore(allnumshow);
  151. });
  152. /* 手机屏幕高度 */
  153. var isDesktop = navigator['userAgent'].match(/(ipad|iphone|ipod|android|windows phone)/i) ? false : true;;
  154. function scr(){
  155. var height = isDesktop ? 1000 : ((window.innerWidth>window.innerHeight?window.innerWidth:window.innerHeight));
  156. height = height + 'px';
  157. $(".wrap").css('height', height);
  158. }
  159. setTimeout('scr()',600);