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

时间:2016-01-11 04:59:40

标签: php

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

1 个答案:

答案 0 :(得分:0)

制作一系列问题。然后间隔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>