Javascript 如何在每分钟重复一个div_Javascript_Jquery_Html

Javascript 如何在每分钟重复一个div

javascript jquery html

Javascript 如何在每分钟重复一个div,javascript,jquery,html,Javascript,Jquery,Html,这是我的密码。在这里，div在5秒后设置动画，并在另一个5秒后隐藏。我需要每5秒重复一次。这意味着每隔5秒钟，div将设置动画，并在5秒钟后消失 <!DOCTYPE html> <html> <head> <style type="text/css"> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.

这是我的密码。在这里，div在5秒后设置动画，并在另一个5秒后隐藏。我需要每5秒重复一次。这意味着每隔5秒钟，div将设置动画，并在5秒钟后消失

 <!DOCTYPE html>
 <html>
 <head>
 <style type="text/css">
 </style>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  </script>       
 <script type="text/javascript" src="jquery.animate-colors.js"></script>
 <script type="text/javascript" src="jquery.animate-colors.min.js"></script>
 <script> 
 $(window).load(function(){
    $('#div').delay(5000).fadeIn(function() {

          $(this).text('Some other text!').css({'text-align':'center',})

    });

      $("#div").animate({

        left:'450px',
            opacity:'0.5',
            height:'250px',
            width:'250px',
        border:'3px solid',
        borderColor: 'darkolivegreen',
        backgroundColor: '#cccc'
      })

    $('#div').delay(5000).fadeOut();

    });

 </script> 
     </head>
     <body>

<div id="div" style="background:#98bf21;height:100px;width:100px;position:absolute;">Please login</div>

  </body>
  </html>


$（窗口）。加载（函数（）{
$（'#div'）.delay（5000）.fadeIn（函数（）{
$（this.text（'someothertext！'）.css（{'text-align'：'center'，}）
});
$（“#div”）。设置动画({
左：'450px'，
不透明度：'0.5'，
高度：'250px'，
宽度：'250px'，
边框：'3px实心'，
边框颜色：“暗绿色”，
背景颜色：“#中交”
})
$（'#div'）.delay（5000）.fadeOut（）；
});
请登录

您可以在javascript中使用setInterval（）方法

总结

重复调用函数或执行代码段，并使用固定的每次调用该函数之间的时间延迟


//获取要闪烁的文本和要闪烁文本的元素id
函数闪烁文本（文本，id）{
//眨眼间隔
设置间隔（闪烁，5000）；
//查看状态文本的标志（true或false）
var标志=真；
//闪烁文本的次数
var-blinkNum=10000；
var i=1；
//您可以通过ajax选择整个div
var divID=document.getElementById（id）；
函数闪烁器（）{
如果（i

我刚刚将您的代码包装在“音量控制器”功能中，然后在加载文档时，setInterval将每10秒运行一次

<script> 

function fader () {
     $('#div').delay(5000).fadeIn(function() {
       $(this).text('Some other text!').css({'text-align':'center',})
     });

     $("#div").animate({
       left:'450px',
       opacity:'0.5',
       height:'250px',
       width:'250px',
       border:'3px solid',
       borderColor: 'darkolivegreen',
       backgroundColor: '#cccc'
     })

     $('#div').delay(5000).fadeOut();

 };


$(function () {
   setInterval(fader,10000);
})

</script>


功能音量控制器（）{
$（'#div'）.delay（5000）.fadeIn（函数（）{
$（this.text（'someothertext！'）.css（{'text-align'：'center'，}）
});
$（“#div”）。设置动画({
左：'450px'，
不透明度：'0.5'，
高度：'250px'，
宽度：'250px'，
边框：'3px实心'，
边框颜色：“暗绿色”，
背景颜色：“#中交”
})
$（'#div'）.delay（5000）.fadeOut（）；
};
$（函数（）{
设置间隔（音量控制器，10000）；
})

脚本的最后一部分将在加载时运行。

<script> 

function fader () {
     $('#div').delay(5000).fadeIn(function() {
       $(this).text('Some other text!').css({'text-align':'center',})
     });

     $("#div").animate({
       left:'450px',
       opacity:'0.5',
       height:'250px',
       width:'250px',
       border:'3px solid',
       borderColor: 'darkolivegreen',
       backgroundColor: '#cccc'
     })

     $('#div').delay(5000).fadeOut();

 };


$(function () {
   setInterval(fader,10000);
})

</script>