Question

功能： ＆＃xA;设置了一个游戏页面，用户可以尽快滚动，以便在给定时间内前进到下一页。但在此之前，游戏开始时，会有一个滑块淡入倒计时计数器通知用户游戏将在3秒后开始。

＆＃xA;＆＃xA;

同时，当通知计数器在通知用户时，没有任何游戏块被假设显示。每个单独的游戏将仅在淡入倒计时计数器完成后显示以进行交互。

＆＃xA;＆＃xA;

< strong> 已完成的工作：

＆＃xA;＆＃xA;

初始＆lt; div＆gt; 块：

＆＃xA;＆＃xA;

 ＆lt; div id =“page2”class =“img-wrapper”align =“center”style =“position：relative; background-image：url（Image / Page2.png）; background-repeat：no-repeat; display：none; width：100％; height：100％;“＆gt;＆＃xA;＆＃xA; ＆lt;！ -  set id =用于创建fadein倒数计数器的内容 - ＆gt;＆＃xA; ＆lt; div id ='content'style =“opacity：1”＆gt;＆lt; / div＆gt;＆＃xA;＆＃xA; ＆lt; canvas id =“canvas”width =“300”height =“300”＆gt;＆＃xA; ＆LT; /画布＆GT;＆＃XA; ＆lt; canvas id =“Counter”width =“300”height =“300”＆gt;＆＃xA; ＆LT; /画布＆GT;＆＃XA;＆＃XA; ＆lt; div id =“UserInteraction”style =“display：none”z-index =“2”＆gt;＆＃xA; ＆lt; img id =“roller”style =“position：relative; top：1100px; width：100％”src =“Image / rolling_pin / Rolling Pin Spin000.png”/＆gt;＆＃xA; ＆lt; img id =“scroll”style =“position：absolute; top：1250px; left：380px; overflow-y：auto;” src =“Image / Scroll.png”＆gt;＆＃xA; ＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

淡入计数器的Javascript：

＆＃xA;＆＃xA;

  var count = 3;＆＃xA; function updateTimer（）{＆＃xA; if（count> 0）{＆＃xA; $（“＃content”）。fadeOut（'slow'，function（）{＆＃xA; $（“＃content”）。text（count）;＆＃xA; $（“＃content”）。fadeIn（） ;＆＃xA; count  - ;＆＃xA;}）;＆＃xA;＆＃xA; }＆＃XA;否则if（count == 0）{＆＃xA; $（“＃content”）。fadeOut（'slow'，function（）{＆＃xA; $（“＃content”）。text（“Start !!”）;＆＃xA; $（“＃content”） .fadeIn（）;＆＃xA; count  - ;＆＃xA; / *在2秒间隔内显示画布和countDown（）函数＆＃xA;在完成淡入淡出倒计时＆＃xA; * /＆＃xA; setTimeout（function（）{＆＃xA; canvasFunction（）;＆＃xA; //如何调用＆lt; DIV id = USERINTERACTION＆gt; here＆＃xA; countDown（）;＆＃xA;}，2000）＆＃xA; }）;＆＃XA; $（ “＃内容”）淡出（）;＆＃XA; }＆＃XA;别的{＆＃xA; $（ “＃内容”）淡出（）;＆＃XA; clearInterval（间隔）;＆＃XA; }＆＃XA; }＆＃XA;的setInterval（函数（）{updateTimer（）}，2000）;＆＃XA;

＆＃XA;＆＃XA;   问题： < / strong> 
＆＃xA;＆＃xA; 我设法调用了“canvasFunciton（）”＆amp;淡入计数器完成后，“countDown”。但是，我不确定如何调用id = UserInteraction，以便在淡入计数器后显示2 img标记。有人可以帮忙吗？＆＃xA;

Answer 1

您是否尝试过以下方式致电;

$("#UserInteraction").show();

我认为它应该可以工作并显示该图像。

有没有办法在setTimeOutFunction <script>调用中调用<div> id

1 个答案: