jQuery对象在时间轴中移动

时间:2017-06-14 04:02:07

标签: javascript jquery html5

我有一个如下所示的时间表栏

<div class="plan-bar main-gradient"></div>

timeline bar

现在如何让 红色框 基于实时 移动 ? 谢谢你的阅读。

1 个答案:

答案 0 :(得分:0)

我的工作正常here。谢谢大家。

function update() {
 var wB = 600;
 var wA = 0;
 var hours = new Date().getHours();

 var d = 20;
 var total_d = 20
 pos_rad = ((d)*24 + hours) / ((total_d)*24.00);

 xCoord = (wA) + wB*pos_rad;
 $(".Box").css({
    "left": xCoord
 });
 setTimeout(function(){ update(); }, 1000);
}

$(function(){
  var today=new Date();
  var dd = today.getDate();
  var mm = today.getMonth()+1;
  if ( dd==14 && mm==6) {
   update();
  }
});