2013-07-03 89 views
0

我在尋找一個簡單的輕量的jQuery插件,會幫我告訴我的網站是這樣的內當前時間指示:jQuery的幫助範圍

enter image description here

從本質上講,這是像時間線一樣。我知道開始和結束的日期(在那裏,他們不會改變),今天的日期的位置只是表明了我在2012年6月1日接受的任務有多遠。這就是我需要的因爲 - 更好地顯示了我目前的狀態。我發現了很多jquery時間線插件,但它們對於我想要做的事情來說太複雜了。任何想法或建議?提前致謝。

+0

PLZ後你都試過,或者你發現了什麼插件複雜嗎? –

+0

我已經看過jquery timelinexml和jquery時間軸滑塊,即時消息並不是說他們太複雜而不能理解 - 即時消息稱他們的體重過重,做得比我想要的要多得多。 – Appster

+1

有三個時間戳記,應該很容易計算出中間人到另一個人跨越的「範圍」的百分比 - 例如「(end-start)/(middle-start)* 100」。並且以一個百分比值,簡單地(絕對地)定位中間值也很容易 - 你得到的準確度應該足以達到這個效果。 – CBroe

回答

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> 
+0

這很好,非常感謝。 – Appster