在Div中显示内容,然后在一段时间后将其隐藏


Display content in a Div and then hide it after some time

我有一系列问题需要用类似的量表来回答(强烈不同意-不同意-部分同意-同意-强烈同意)。我想要的是,每个问题都应该显示在一个div中,这个div在一段时间后(比如15秒)就会消失。该人员必须在一定时间内回答该问题,在回答下一个问题后,将在同一时间(15秒)到达同一div。应该如何实施??(在Codeigniter环境中实现)

制作一组问题。然后每隔15秒更改div的内容。我想你想要随机问题,同时你必须集成你的回答功能。

希望它能帮助你解决正在消失的问题,并随机添加新问题。

<html> 
  <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript"> 
      $(document).ready( function() {
var Questions = [
    "Question 01",
    "Question 02",
    "Question 03",
    "Question 04",
    "Question 05",
    "Question 06",
    "Question 07",
    "Question 08",
    "Question 09"
];
// get a random index, get the value from array and
// change the div content
setInterval(function() {
    var i = Math.round((Math.random()) * Questions.length);
    if (i == Questions.length) --i;
    $("#question").html(Questions[i]);
}, 15 * 1000)
      });
    </script>
  </head> 
  <body> 
    <div id="question" > </div> 
  </body> 
</html>