Page 309 - MDP2022-3
P. 309
<h1><a href="/">버스안내판</a></h1>
<img src="{{url_for('static',filename='img/uu.png')}}" width="300px" height="300px">
<br><br>
<li><a href="/1">버스노선 검색</a> </li><br>
<li><a href="/2">정류소 버스도착예정정보</a> </li><br>
<li><a href="/3">실시간 버스위치</a> </li>
<h2>버스노선 검색</h2>
<form action="shortenurl">
<label for="bus">Bus Number : </label>
<input type="id" name="id" value="" required>
<input type="submit" value="Submit">
</form>
<br><br>
</div>
<div class="div3" style="border: 10px solid black; float: left; width: 30%; height: 95%">
<script>
function setClock(){
var dateInfo = new Date();
var hour = modifyNumber(dateInfo.getHours());
var min = modifyNumber(dateInfo.getMinutes());
var sec = modifyNumber(dateInfo.getSeconds());
var year = dateInfo.getFullYear();
var month = dateInfo.getMonth()+1;
var date = dateInfo.getDate();
document.getElementById("time").innerHTML = hour + ":" + min + ":" + sec;
document.getElementById("date").innerHTML = year + "년 " + month + "월 " + date + "
일";
}
function modifyNumber(time){
if(parseInt(time)<10){
return "0"+ time;
}
else
return time;
}
window.onload = function(){
setClock();
setInterval(setClock,1000);
}
</script>
<br><br><br><br>
<div id="time" class="time"></div>
<div id="date" class="date"></div><br><br><br>
<section>
<form action="https://search.naver.com/search.naver">
<div class="search" style="display: inline">
<input type="text" name="query" value="">
<button class="custom-btn btn-1">검색</button>
</div>
</form>
</section><br><br>
<pre><a href="weather/w.html" style="font-size: 1.5em" class="custom-btn btn-4" >
날씨 </a></pre>
<img src="{{url_for('static',filename='img/weeee.webp')}}" width="400px" height="300px">