jquery - 范围内当前时间指示的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>