div应该使用jquery和ajax每三秒刷新一次

时间:2017-06-22 06:52:00

标签: javascript jquery ajax codeigniter

下面是我的脚本,特别是div应该每三秒刷新一次。如何使用jquery和ajax在我的代码中添加时间间隔?

  var filesList = Directory
    .EnumerateFiles(Path.Combine(Directory.GetCurrentDirectory(), "images"))
    .Select(file => {
       string extension = Path.GetExtension(file);      
       int extIndex;
       bool wanted = supportedExtensions.TryGetValue(extension, out extIndex);       

       return new {
         name = file,
         title = Path.GetFileNameWithoutExtension(file),
         extension = extension,
         extIndex = wanted ? extIndex : -1,
         wanted = wanted, }; })
    .Where(item => item.wanted) // you may want to comment out this condition
    .GroupBy(item => item.title)  
    .Select(group => group
       .OrderBy(item => item.extIndex)
       .First()
       .name);

4 个答案:

答案 0 :(得分:2)

每3Sec刷新一次div。 你可以使用" setInterval"功能。 要停止此间隔,您可以使用" clearInterval"功能。 简单的代码如下:

var refreshIntervalId = setInterval(function(){ 
 // alert("Hello"); 
 //Your Div's ID    
}, 3000);
/* later */
clearInterval(refreshIntervalId);

此代码每3秒调用一次警报,因此修改上面的代码并刷新div的id。

答案 1 :(得分:0)

使用

setInterval(function(){ 
 getMessage();
}, 3000);

setIterval允许您每隔n秒重复一次函数或代码块。

我认为您应该将ajax调用添加到函数中。

function getMessage () {
 //Your ajax call here 
}

这样代码可以重复使用多次而不重复。

答案 2 :(得分:0)

您可以使用setInterval javascript函数。检查下面的代码段

setInterval(scrollDown, 3000);

答案 3 :(得分:0)

我希望这会对你有所帮助。请查看以下代码。



function animatedText() {
    $('.text').animate({ opacity: 1 }, 200, function() {
          $('.text').animate({ opacity: 0 }, 200);
    });
    setTimeout(function() {
        animatedText();
    },3000);
}
animatedText();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="text">Animated Text</div>
&#13;
&#13;
&#13;