자바스크립트 연산자 채택완료

</p>

<p>function getTimeHTML(distance) {</p>

<p>    // 도보의 시속은 평균 4km/h 이고 도보의 분속은 67m/min입니다

    var walkkTime = distance / 67 | 0; // 이부분이 이해가 안가네요...ㅠ 

    var walkHour = '', walkMin = '';</p>

<p>    // 계산한 도보 시간이 60분 보다 크면 시간으로 표시합니다

    if (walkkTime > 60) {

        walkHour = '<span class="number">' + Math.floor(walkkTime / 60) + '</span>시간 '

    }

    walkMin = '<span class="number">' + walkkTime % 60 + '</span>분'</p>

<p>    // 자전거의 평균 시속은 16km/h 이고 이것을 기준으로 자전거의 분속은 267m/min입니다

    var bycicleTime = distance / 227 | 0;

    var bycicleHour = '', bycicleMin = '';</p>

<p>    // 계산한 자전거 시간이 60분 보다 크면 시간으로 표출합니다

    if (bycicleTime > 60) {

        bycicleHour = '<span class="number">' + Math.floor(bycicleTime / 60) + '</span>시간 '

    }

    bycicleMin = '<span class="number">' + bycicleTime % 60 + '</span>분'</p>

<p>    // 거리와 도보 시간, 자전거 시간을 가지고 HTML Content를 만들어 리턴합니다

    var content = '<ul class="dotOverlay distanceInfo">';

    content += '    <li>';

    content += '        <span class="label">총거리</span><span class="number">' + distance + '</span>m';

    content += '    </li>';

    content += '    <li>';

    content += '        <span class="label">도보</span>' + walkHour + walkMin;

    content += '    </li>';

    content += '    <li>';

    content += '        <span class="label">자전거</span>' + bycicleHour + bycicleMin;

    content += '    </li>';

    content += '</ul>'</p>

<p>    return content;

}</p>

<p>