Jquery帮助在一个范围内的当前时间指示

Question

我正在寻找一个简单的轻量级jquery插件，它可以帮助我在我的网站上显示这样的内容：

基本上，这就像一个时间表。我知道开始和结束日期（在那里，他们没有改变），今天的日期位置只是表明我在2012年6月1日的任务中走了多远。这就是我所需要的一切for - 更好地直观地显示我当前的状态。我发现了很多jquery时间线插件，但它们太复杂了我想要做的事情。任何想法或建议？提前致谢。

Answer 1

您可能会这样做：

http://codepen.io/sheepysheep60/pen/lywCE

<script type="text/javascript">
$(function(){
        // Get the end date
    end = new Date(2014, 2, 10).getTime() / 1000;
    // Start date
    start = new Date(2012, 6, 1).getTime() / 1000;
    // Today's date
    today = new Date().getTime() / 1000;

    // Percent = the string, of the rounded number, of today / end date * 100
    percent = String(Math.round((today-start)/(end-start)*100)) + "%"; // = ~ 64

    //Change the markers left css to the percent variable
    $("#marker").css('left', percent);
});
</script>