You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

340 lines
25 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>建党百年</title>
  6. <meta name="keywords" content="keyword1,keyword2,keyword3">
  7. <meta name="description" content="this is my page">
  8. <meta name="content-type" content="text/html; charset=UTF-8">
  9. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
  10. <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
  11. <script src="js/comment.js" type="text/javascript" charset="utf-8"></script>
  12. <link rel="stylesheet" type="text/css" href="css/style.css" />
  13. <link rel="stylesheet" type="text/css" href="css/begin.css" />
  14. <link rel="stylesheet" type="text/css" href="css/book.css" />
  15. <style>
  16. /* body {
  17. font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";
  18. } */
  19. * {
  20. margin: 0;
  21. padding: 0;
  22. list-style-type: none;
  23. }
  24. a,
  25. img {
  26. border: 0;
  27. }
  28. canvas {
  29. background: url("../img/6.jpg");
  30. background-size: 100% !important;
  31. }
  32. .threeanimate {
  33. -webkit-transform: translate3d(0, 0, 0);
  34. -moz-transform: translate3d(0, 0, 0);
  35. -ms-transform: translate3d(0, 0, 0);
  36. transform: translate3d(0, 0, 0);
  37. animation: goanimate 4s linear 3s;
  38. }
  39. @keyframes goanimate {
  40. 0% {
  41. opacity: 1;
  42. }
  43. 100% {
  44. opacity: 0.3;
  45. }
  46. }
  47. /* flash */
  48. .flash {
  49. position: relative;
  50. display: none;
  51. z-index: 1000;
  52. }
  53. .flash li {
  54. position: absolute;
  55. left: 0;
  56. top: 0;
  57. }
  58. .imganimat {
  59. animation: identifier 2s linear 2s;
  60. transition: opacity 2s linear 1s;
  61. }
  62. @keyframes identifier {
  63. 0% {
  64. opacity: 1;
  65. }
  66. 100% {
  67. opacity: .5;
  68. }
  69. }
  70. .firstimg {
  71. position: absolute;
  72. }
  73. .dialog {
  74. background: rgba(0, 0, 0, 1);
  75. /* background-image: url('./img/sksdbg.jpg');
  76. background-size: cover; */
  77. overflow: hidden;
  78. /* display: none; */
  79. position: relative;
  80. display: flex;
  81. justify-content: center;
  82. align-items: center;
  83. animation: dialoganimate 1s linear 4s;
  84. }
  85. .dialog p {
  86. font-size: .96rem;
  87. font-family: '楷体';
  88. }
  89. @keyframes dialoganimate {
  90. 0% {
  91. opacity: 1;
  92. }
  93. 100% {
  94. opacity: 0.8;
  95. }
  96. }
  97. .logo {
  98. position: absolute;
  99. left: 0.2rem;
  100. bottom: 0.2rem;
  101. width: 1rem !important;
  102. height: 1rem !important;
  103. }
  104. </style>
  105. </head>
  106. <body>
  107. <div id="wrap">
  108. <!-- <canvas id="c"></canvas> -->
  109. <img src="./img/5.jpg" class="firstimg" alt="">
  110. <img src="./img/logo.png" class="logo" alt="">
  111. <div class="dialog" style="opacity:0">
  112. <p style="color: white;"> 时空隧道开启</p>
  113. </div>
  114. <img src="https://sz-jdbn.oss-cn-beijing.aliyuncs.com/djs.gif" class="djs" style="display:none" alt="">
  115. <div class="suidao" style="display: none;">
  116. <img src="https://sz-jdbn.oss-cn-beijing.aliyuncs.com/suidao.gif" alt="">
  117. </div>
  118. <div class="bookImg">
  119. <div class="gifImg gifs"><img src="https://sz-jdbn.oss-cn-beijing.aliyuncs.com/book.gif" /></div>
  120. <div class="bookImg gifImg" style="display: none;"><img src="img/stopBook.png" /></div>
  121. <div class="word" style="z-index: 9999999;">
  122. <!--<p class="title">四个现代化</p>
  123. <p class="contWord">
  124. “四个现代化”是我国社会主义建设的宏伟目标,是我们党的正确决策和伟大创举。其基本内容几经变化,后被确立为“工业现代化、农业现代化、国防现代化、科学技术现代化”。它是在建国初期,我国社会主义工业化建设过程中,毛泽东、周恩来等中央领导同志总结经验、高瞻远瞩,提出的我国发展的战略目标。1954年召开的一届人大一次会议,提出要“建设起强大的现代化的工业、现代化的农业、现代化的交通运输业和现代化的国防”,这是四个现代化的概念第一次提出;1964年年底到1965年年初召开的三届人大一次会议,正式提出“四个现代化”的宏伟目标,并宣布把我国建设成为一个具有现代农业、现代工业、现代国防和现代科学技术的社会主义强国。从此,四个现代化成为激励全国各族人民共同奋斗的宏伟目标。
  125. </p>-->
  126. </div>
  127. <div class="btn1">
  128. <span></span>
  129. <p>学习结束&nbsp;&nbsp;开始活动</p>
  130. </div>
  131. </div>
  132. <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  133. </div>
  134. <script>
  135. $(document).ready(function() {
  136. //翻书数组
  137. var contIndex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 19, 17, 18, 19]
  138. var title = [
  139. '四个现代化',
  140. '向雷锋同志学习',
  141. '实践是检验真理的唯一标准',
  142. '百花齐放、百家争鸣',
  143. '四项基本原则',
  144. '家庭联产承包责任制',
  145. '求同存异',
  146. '一国两制',
  147. '一个中心、两个基本点',
  148. '九二共识',
  149. '五位一体”总体布局',
  150. '科学技术是第一生产力',
  151. '两学一做',
  152. '四个自信',
  153. '不忘初心、牢记使命',
  154. '枪杆子里面出政权',
  155. '思想建党、政治建军',
  156. '没有调查,没有发言权',
  157. '全心全意为人民服务',
  158. '两个务必',
  159. ];
  160. var wordCont = [
  161. '“四个现代化”是我国社会主义建设的宏伟目标,是我们党的正确决策和伟大创举。其基本内容几经变化,后被确立为“工业现代化、农业现代化、国防现代化、科学技术现代化”。它是在建国初期,我国社会主义工业化建设过程中,毛泽东、周恩来等中央领导同志总结经验、高瞻远瞩,提出的我国发展的战略目标。1954年召开的一届人大一次会议,提出要“建设起强大的现代化的工业、现代化的农业、现代化的交通运输业和现代化的国防”,这是四个现代化的概念第一次提出;1964年年底到1965年年初召开的三届人大一次会议,正式提出“四个现代化”的宏伟目标,并宣布把我国建设成为一个具有现代农业、现代工业、现代国防和现代科学技术的社会主义强国。从此,四个现代化成为激励全国各族人民共同奋斗的宏伟目标。',
  162. '“向雷锋同志学习”是毛泽东在1963年3月5日,雷锋因公殉职后,为他所作的题词和向全国发出的号召。随后,“向雷锋同志学习”的活动在全国开展起来,3月5日也被定为我国“学雷锋活动日”,雷锋精神从此在我国薪火相传。雷锋是一名普通党员,但他却在平凡的岗位上把自己的一生都奉献给了无限的“为人民服务”事业中。雷锋的这种奉献精神,代表了20世纪五六十年代我国严重经济困难时期,中国人民自强不息、无私奉献的时代精神。包括雷锋、焦裕禄、王进喜等一大批的先进人物,都是在这一时期产生的。他们以自己的理想、信念和行动,树立起了社会主义建设时期的一座座丰碑,给后世也留下了深刻的影响。',
  163. '“实践是检验真理的唯一标准”是在真理标准问题大讨论中,党提出的一个重大观点。“文化大革命”结束后,党在思想、政治、组织等各个领域的全面拨乱反正任务,受到“两个凡是”方针的严重阻碍。党内外不少同志要求恢复和发扬党的实事求是的优良作风。1978年5月10日,经胡耀邦同志审定的《实践是检验真理的唯一标准》一文在中央党校内部刊物《理论动态》发表,第二天又在《光明日报》以特约评论员名义公开发表,新华社向全国转发。12日,《人民日报》《解放军报》同时转载。这篇文章在广大干部群众中引起强烈反响,引发关于真理标准问题的讨论。“实践是检验真理的唯一标准”的提出和关于真理标准问题的讨论,成为实现党和国家历史性伟大转折的思想先导。',
  164. '“百花齐放、百家争鸣”又称“双百”方针,是毛泽东提出的繁荣和发展社会主义科学文化事业的指导方针。1956年4月28日,毛泽东在中央政治局扩大会议的总结讲话中指出:艺术问题上的百花齐放,学术问题上的百家争鸣,我看应该成为我们的方针。随后,在5月2日召开的最高国务会议第七次会议上,毛泽东正式提出了“百花齐放、百家争鸣”的方针。后来,这一方针成为指导我国科学和文化工作的重要方针。“双百”方针的提出,适应了我国当时工业化建设对于解放思想、繁荣文化的要求。在这一方针引领下,人们从苏联教条主义的束缚中进一步解放出来,我国科学技术和文学艺术领域出现了一片繁荣景象。',
  165. '“四项基本原则”是我国的立国之本,是党和国家生存发展的政治基石。1979年3月,针对当时社会上出现的从“左”的和右的方面怀疑以及反对党的十一届三中全会路线方针政策的错误思潮,邓小平在党的理论工作务虚会上发表《坚持四项基本原则》的讲话,强调在社会主义现代化的过程中,必须始终坚持四项基本原则,即必须坚持社会主义道路,必须坚持人民民主专政,必须坚持中国共产党的领导,必须坚持马列主义、毛泽东思想。这是“实现四个现代化的根本前提”,如果动摇了这四项基本原则中的任何一项,那就动摇了整个社会主义事业、整个现代化建设事业。四项基本原则的提出,表明我们党所实行的改革开放从一开始就具有明确的社会主义方向。',
  166. '“家庭联产承包责任制”是改革开放新时期我国农村主要的生产经营方式,是我国农民的伟大创造。它是指农民以家庭为单位,向集体经济组织承包土地等生产资料和生产任务的农业生产责任制形式。党的十一届三中全会以后,在解放思想、实事求是精神的鼓舞下,我国农民创造了以家庭承包为主要形式的包产到户、包干到户等生产责任制。从1982年到1984年,党中央连续3年都以“一号文件”的形式,对包产到户、包干到户的生产责任制给予充分肯定并在政策上积极引导,最终形成农民家庭承包经营制度。这种制度使农民获得生产和分配的自主权,不仅克服了以往分配中的平均主义、吃大锅饭等弊病,而且纠正了管理过分集中、经营方式过分单一等缺点,极大地调动了农民的积极性,解放和发展了农村生产力。',
  167. '“求同存异”是周恩来在1955年4月在印尼万隆召开的亚非会议上,针对某些国家针对中国、制造矛盾的行径,为推动会议顺利进行、增强与会国的团结、表明中国的立场而提出的一项基本方针。求同存异,意思就是要寻求大家的共同利益,保留自己的不同意见。在会议上,周恩来用此句来表明亚非国家有着共同的历史遭遇,共同的基础是“解除殖民主义痛苦和灾难”;不同思想意识和社会制度的存在,并不妨碍亚非国家的团结,大家应该抛开分歧、搁置争议,为了共同利益而加强合作。“求同存异”的方针得到了与会绝大多数国家代表的支持和拥护,缓和了大会紧张的气氛,促使会议取得圆满成功,“求同存异”从此也成为中国政府在外交方面一直倡导的方针。',
  168. '“一国两制”是邓小平在20世纪80年代创造性地提出的实现祖国和平统一的伟大构想。“一国两制”,即“一个国家、两种制度”,就是在一个中国的前提下,国家的主体坚持社会主义制度,香港、澳门和台湾保持原有的资本主义制度长期不变。改革开放以来,邓小平在毛泽东、周恩来关于争取和平解决台湾问题思想的基础上,发表多次讲话,创造性地提出了这一伟大构想。这一构想为解决台湾问题而提出,首先在香港和澳门得以实现。1997年7月1日和1999年12月20日,香港、澳门先后回归祖国,“一国两制”从科学构想变成生动实践。事实证明,“一国两制”是解决历史遗留的香港、澳门问题的最佳方案,也是香港、澳门回归后保持长期繁荣稳定的最佳制度。',
  169. '“一个中心、两个基本点”是我国社会主义初级阶段的基本路线。党的十九大对其内容完整表述是:领导和团结全国各族人民,以经济建设为中心,坚持四项基本原则,坚持改革开放,自力更生,艰苦创业,为把我国建设成为富强民主文明和谐美丽的社会主义现代化强国而奋斗。“一个中心”即“以经济建设为中心”,“两个基本点”即“坚持四项基本原则”“坚持改革开放”。党的十一届三中全会以后,我们党逐步形成了我国处于并将长期处于社会主义初级阶段的科学判断。1987年10月,党的十三大对社会主义初级阶段理论作了系统阐述,并确定了社会主义初级阶段的基本路线。基本路线高度概括了党在社会主义初级阶段的奋斗目标、基本途径和根本保证、领导力量和依靠力量,以及实现这一目标的基本方针。这一路线随着时间的发展不断丰富,是党和国家的生命线、人民的幸福线。',
  170. '“九二共识”是在1992年,海峡两岸关系协会与台湾海峡交流基金会在两岸事务性商谈中,就各自以口头方式表述“海峡两岸均坚持一个中国原则”所达成的共识。“九二”是指达成这项共识的时间是1992年。“九二共识”表明大陆与台湾同属一个中国,两岸关系不是国与国关系,也不是“一中一台”。虽然两岸迄今尚未统一,但中国的主权和领土完整从未分裂。两岸同属一个国家、两岸同胞同属一个民族,这一历史事实和法理基础从未改变,也不可能改变。“九二共识”体现了一个中国原则,明确界定了两岸关系的根本性质,是解决台湾问题的基本前提和根本遵循。',
  171. '“五位一体”总体布局是中国特色社会主义事业的总体布局,主要是统筹推进“经济建设、政治建设、文化建设、社会建设、生态文明建设”五个方面。在中国特色社会主义新时代,具体是指我们的中国特色社会主义建设事业要坚持以经济建设为中心,发展社会主义市场经济,发展社会主义民主政治,发展社会主义先进文化,构建社会主义和谐社会,建设社会主义生态文明。2012年11月,党的十八大首次提出中国特色社会主义事业总布局是“五位一体”。2017年10月,党的十九大进一步作了明确和重申。“五位一体”总体布局是一个有机整体,经济建设是根本,政治建设是保障,文化建设是灵魂,社会建设是条件,生态文明建设是基础,统一于把我国建成富强民主文明和谐美丽的社会主义现代化强国的新目标。',
  172. '“科学技术是第一生产力”是邓小平在马克思列宁主义有关科技论述的基础上,针对世界科技发展形势和我国科技发展任务,提出的一个创造性论断。1978年,面对我国发展形势,邓小平重申了“科学技术是生产力”这一马克思主义的观点。在他的推动下,我国科技事业取得了快速发展。1988年,他又创造性地提出“科学技术是第一生产力”的论断,把对科技的认识推向了前所未有的高度,体现了中国共产党对科学技术的高度重视和远见卓识。这一句话提出后,很快在全国流传开来,重视科技、重视教育成为全国上下的共识。在这一论断影响下,1995年5月6日,中共中央、国务院正式提出实施科教兴国战略。从此,我国科技事业开启了跨越式发展的新阶段。',
  173. '“两学一做”即“学党章党规、学系列讲话,做合格党员”,是党为进一步加强党的作风建设,推动党内教育向广大党员拓展、向经常性教育延伸,而进行的一次党内广泛的集中教育。“两学一做”学习教育面向全体党员,把党的思想建设放在首位,教育引导党员自觉按照党员标准规范言行,进一步坚定理想信念,提高党性觉悟;进一步增强政治意识、大局意识、核心意识、看齐意识,坚定正确政治方向;进一步树立清风正气,严守政治纪律政治规矩;进一步强化宗旨观念,勇于担当作为,在生产、工作、学习和社会生活中起先锋模范作用。经过一年多的学习教育,广大党员接受了一次经历了一次严格的思想、政治、作风、纪律教育,得到了全社会的一致肯定。2017年2月21日,中共中央政治局召开会议,审议通过了《关于推进“两学一做”学习教育常态化制度化的意见》,决定把“两学一做”学习教育作为一项全党必须长期坚持的活动。',
  174. '“四个自信”是习近平新时代中国特色社会主义思想的重要内容,是以习近平同志为核心的党中央治国理政的重要理论创新成果。它是指中国特色社会主义道路自信、理论自信、制度自信、文化自信。道路自信是对中国特色社会主义道路发展方向和未来命运的自信;理论自信是对中国特色社会主义理论体系的科学性、真理性、正确性的自信;制度自信是对中国特色社会主义制度先进性和优越性的自信;文化自信是对中国自身文化价值和文化生命力的自信。',
  175. '“不忘初心、牢记使命”是习近平总书记在党的十九大报告中向全体党员作出的号召和要求。不忘初心,方得始终。中国共产党人的初心和使命,就是为中国人民谋幸福,为中华民族谋复兴。这个初心和使命是激励中国共产党人不断前进的根本动力。中国共产党一经成立,就把实现共产主义作为党的最高理想和最终目标,义无反顾肩负起实现中华民族伟大复兴的历史使命,团结带领人民进行了艰苦卓绝的斗争,谱写了气吞山河的壮丽史诗。中国特色社会主义进入新时代,我们比历史上任何时期都更接近、更有信心和能力实现中华民族伟大复兴的目标。全党同志必须时刻与人民同呼吸、共命运、心连心,把人民对美好生活的向往始终作为我们奋斗的目标,守住初心、担起使命,努力实现历史赋予我们的任务。',
  176. '“枪杆子里面出政权”是毛泽东在党的八七会议上提出的一个重要论断。在会议谈到军事斗争问题时,他批评党过去“不做军事运动专做民众运动”的偏向,提出“以后要非常注意军事。须知政权是由枪杆子中取得的”。这是中国共产党从大革命失败的血的教训中得出的宝贵经验。从此,党开始把创建人民武装、领导军事斗争作为工作的重心。毛泽东的这一论断后来演化为“枪杆子里面出政权”,成为党创建和掌握自己的人民武装力量进行斗争的行动口号。',
  177. '“思想建党、政治建军”是古田会议确立的建党和建军根本原则,是以毛泽东为代表的中国共产党人创造性地把马克思主义基本原理与中国革命实际相结合的产物。其基本内涵是:坚持思想建党原则,确立思想政治建设的根本基础,不仅要求组织上入党,而且要求思想上入党,用无产阶级思想来武装我们的党员;坚持党指挥枪原则,确立党对军队绝对领导的根本原则和制度。它不仅推动了当时红军的建设和革命战争的发展,而且对后来党和人民军队的发展产生了深远影响。',
  178. '“没有调查,没有发言权”是一句流传广泛、影响深远的口号。这一口号是毛泽东在他的名作《反对本本主义》(原题《调查工作》)一 文中,提出的一个著名论断。毛泽东在文中对当时党和红军存在的教条主义、本本主义,进行了尖锐的批评,强调离开实际调查,就要产生唯心的阶级估量和唯心的工作指导,其结果不是机会主义,便是盲动主义。因此,“没有调查,没有发言权”“注重调查!”“反对瞎说!”“中国革命斗争的胜利要靠中国同志了解中国情况”。这个论断后来成为中国共产党人一切从实际出发、深入群众、理论联系实际的行动口号。',
  179. '“全心全意为人民服务”是中国共产党始终坚持的根本宗旨。中国共产党从成立之初就担负起了为中国人民谋幸福、为中华民族谋复兴的历史使命。在此后的革命历程中,党始终坚持开展斗争为人民、依靠人民闹革命,在人民的帮助、支持下,才能够一次次化险为夷、绝境逢生,从弱小走向壮大。进入抗日战争时期,毛泽东在总结中国革命经验教训的基础上,充分论述了人民对于革命战争的重要性,提出了“全心全意为人民服务”的思想,并在党的七大上将其正式写入党章,成为党和人民军队必须坚守的宗旨。践行全心全意为人民服务的宗旨,就要在任何时候都必须把人民利益放在第一位,把实现好、维护好、发展好最广大人民根本利益作为一切工作的出发点和落脚点。',
  180. '“两个务必”是在党的七届二中全会上,面对解放战争即将迎来全面胜利、党即将成为执掌全国政权的形势,毛泽东高瞻远瞩地对全体党员提出的一个根本要求。1949年3月召开的党的七届二中全会,规定了党在全国胜利后的各项政策,明确将党的工作重心从乡村转移到城市。在会议上,毛泽东告诫全党,夺取全国胜利,只是万里长征走完了第一步,以后的路更长,工作更伟大、更艰苦,为此他提出“务必使同志们继续地保持谦虚、谨慎、不骄、不躁的作风,务必使同志们继续地保持艰苦奋斗的作风”。同时,他还要求全党同志要警惕骄傲自满情绪,警惕资产阶级“糖衣炮弹”的攻击。“两个务必”的提出,不仅在当时起到了警醒全党的作用,而且直到现在都具有指导意义。',
  181. ];
  182. contIndex = randArr(contIndex);
  183. var wordConts = '';
  184. wordConts += '<p class="title">' + title[contIndex[0]] + '</p><p class="contWord">' + wordCont[contIndex[0]] + '</p>'
  185. $('.word').html(wordConts)
  186. var height = document.documentElement.clientWidth,
  187. width = document.documentElement.clientHeight;
  188. $('img').css({
  189. 'width': width,
  190. 'height': height
  191. })
  192. $(".dialog").css({
  193. 'width': width,
  194. 'height': height
  195. })
  196. $('.suidao').css({
  197. 'width': width,
  198. 'height': height
  199. })
  200. $('.suidao img').css({
  201. 'width': width,
  202. 'height': height
  203. })
  204. $(".firstimg").addClass('imganimat')
  205. setTimeout(function() {
  206. $(".firstimg").css({
  207. 'opacity': '0',
  208. 'z-index': '1'
  209. })
  210. $(".logo").animate({
  211. 'opacity': 0
  212. }, 2000)
  213. $(".dialog").animate({
  214. 'opacity': 1
  215. }, 2000)
  216. }, 2000)
  217. setTimeout(function() {
  218. $(".dialog").css({
  219. display: 'none'
  220. })
  221. $(".djs").css({
  222. display: 'block'
  223. })
  224. }, 5000)
  225. setTimeout(function() {
  226. // $(".flash").css({ display: 'block' })
  227. $(".djs").css({
  228. display: 'none'
  229. })
  230. $(".suidao").css({
  231. display: 'block'
  232. })
  233. }, 8100)
  234. // setTimeout(function(){
  235. // $(".suidao").animate({
  236. // 'opacity':0
  237. // },13000)
  238. // })
  239. setTimeout(function() {
  240. $(".suidao").animate({
  241. 'opacity': 0.9
  242. }, 800)
  243. }, 9000)
  244. setTimeout(function() {
  245. $(".suidao").animate({
  246. 'opacity': 0.6
  247. }, 500)
  248. }, 9500)
  249. setTimeout(function() {
  250. $(".suidao").animate({
  251. 'opacity': 0.3
  252. }, 500)
  253. }, 9500)
  254. setTimeout(function() {
  255. // window.location.href = "begin.html"
  256. $('.bookImg').css('opacity', '1')
  257. setTimeout(function() {
  258. $('.gifs').fadeOut()
  259. $('.bookImg').fadeIn()
  260. // $('.gifImg img').attr('src', 'img/stopBook.png')
  261. setTimeout(function() {
  262. $('.word').css({
  263. 'display': 'flex'
  264. }, {
  265. 'z-index': '9999999'
  266. });
  267. $('.word p.contWord').css('z-index', '9999999');
  268. $('.word p.contWord').slideDown(1000)
  269. }, 0)
  270. $('.btn1').css('display', 'block')
  271. var timeNum = 4;
  272. var sec = setInterval(function() {
  273. timeNum--;
  274. news();
  275. $('.btn1 span').text('(' + timeNum + 's)')
  276. console.log(timeNum + 'timeNum')
  277. }, 1000)
  278. function news() {
  279. if(timeNum == 0) {
  280. clearInterval(sec);
  281. $('.btn1 p').addClass('active')
  282. $('.btn1').on('click', function() {
  283. window.location.replace("begin.html")
  284. })
  285. $('.btn1 span').fadeOut(1000)
  286. }
  287. }
  288. }, 4000)
  289. }, 11000)
  290. });
  291. //打乱方法
  292. function randArr(arr) {
  293. let i = arr.length;
  294. while(i) {
  295. let j = Math.floor(Math.random() * i--);
  296. [arr[j], arr[i]] = [arr[i], arr[j]];
  297. }
  298. return arr;
  299. }
  300. </script>
  301. <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
  302. <script src="js/three.min.js" type="text/javascript" charset="utf-8"></script>
  303. </body>
  304. </html>