javascript - 順序付けされていないリストを時間帯で並べ替える必要がある

Question

24 個のリスト項目を持つ順序付けられていないリストがあります。1 日の時間に基づいてそれらを再注文する必要があります。例: リスト アイテム #16 は、午後 4 時にリスト アイテム #1 として表示される必要があります。何かご意見は？

<ul id="foo2">
    <li>12am</li>
    <li>1am</li>
    <li>2am</li>
    <li>3am</li>
    <li>4am</li>
    <li>5am</li>
    <li>6am</li>
    <li>7am</li>
    <li>8am</li>
    <li>9am</li>
    <li>10am</li>
    <li>11am</li>
    <li>12pm</li>
    <li>1pm</li>
    <li>2pm</li>
    <li>3pm</li>
    <li>4pm</li>
    <li>5pm</li>
    <li>6pm</li>
    <li>7pm</li>
    <li>8pm</li>
    <li>9pm</li>
    <li>10pm</li>
    <li>11pm</li>
</ul>

午後 4 時に、リストの最初にあるかのように午後 4 時の li を表示したいと考えています。このリストには、一度に 4 つを表示するスライダーが接続されており、現在の時間から開始したいと考えています。

これが作業リスト/スケジュールです (まだ進行中です) http://livestreamchicago.tv/content/lsctv#overlay-context=calendar-created/week/2013-W40