按时间触发事件

Question

我想触发一个元素来完成css转换；然而，我不想使用任何物理触发器，如悬停或单击。我想在特定时间开始转换，然后在特定时间间隔重复。这可以使用jquery完成吗。

Answer 1

您可以使用setInterval，在特定时间段后添加转换类，并在特定时间帧后删除它。

请参阅：-http://jsbin.com/jemotexono/1/edit?html，css，js，输出

写入设置间隔的最简单方法是：-

  setInterval(function(){
    //Your code goes here 
  },2000); //specify the time in milliseconds

Answer 2

Try out the sample code 
**HTML**
<div></div>
**CSS**
div {
    width: 100px;
    height: 100px;
    background: green;
    -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}
**Java Script**
$(document).ready(function(){
    var width = 100;
    //set the specific time to trigger
    setTimeout(function(){ trigger(); }, 1000);
    //function which perform the tranisition repeatedly
                  function trigger(){      
    setInterval(function(){
        width = width +5;
        $("div").css("width",width); 
                          }, 1000);
}                            
});