HTML
JavaScript

【小ネタ】今からすぐ出る阪急バスの路線検索結果から時刻表を表示するボタン

至極単純な処理だが、また使うこともあるかもなのでメモ。

阪急バスの路線検索の結果ページのURLは、発車/到着/日付時刻等のクエリを含むので、とりあえず今の時刻で出発/到着地を設定し検索。結果ページのURLの日付時刻の部分を、今の日付時刻に置き換えてやることにより、希望路線の今から発車するバスの経路と発車時間のページのリンクを生成する。

<p id="busTimeTableLinkButton"></p>

<script>
/**
 *  今からすぐ出る阪急バスの路線検索結果から時刻表を表示するボタン
 */
// 現在日時と時刻を取得し整形 (2018/06/13 15:55 → 201806131555)
var now = new Date(),
    dayAndTimestr = now.getFullYear()
        + ( '00'  + (now.getMonth()+1) ).slice( -2 )
        + ( '00'  + now.getDate() ).slice( -2 )
        + ( '00'  + now.getHours() ).slice( -2 )
        + ( '00'  + now.getMinutes() ).slice( -2 );

// 検索結果ページURLの日付時刻の部分だけ変える
var busTimeTableLink = '<a href="https://www.hankyu-bus.jp/nsresult?mode=0&fr=%E5%B7%9D%E8%A5%BF%E3%83%90%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%9F%E3%83%8A%E3%83%AB%E3%80%94%E9%98%AA%E6%80%A5%E3%83%90%E3%82%B9%E3%80%95&frsk=B&to=%E8%90%A9%E5%8E%9F%E5%8F%B0%E3%80%94%E9%98%AA%E6%80%A5%E3%83%90%E3%82%B9%E3%80%95&tosk=B&dt=' + dayAndTimestr + '&p=1" target="_blank">今から出るバスの時刻表を見る</a>';

// 出力
document.getElementById("busTimeTableLinkButton").innerHTML = busTimeTableLink;
</script>