ben
OMÜ , Bilgisayar Mühendisliği, 13'
30 Aralık 2015 Çarşamba
saat kronomometre
Javascipt kullanarak projemize zamanlayıcı ekleyelim.
Öncelikle buradaki js dosyasınırails projesindeki assets/javascript altına kopyalalayım.
view/layout/application.html.erb
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="countdown.js" type="text/javascript"></script>
Saat ve dakikanın tutulduğu modelimizi oluşturalım
terminal:
$ rails g model timer hour:integer minute:integer
$ bundle
saatimizi gostermek istediğimiz sayfanın controllardaki methoduna;
(bendeki index sayfası)
def index
@time=Timer.first.hour*60*60+Timer.first.minute*60
end
burada zamanı toplam saniye olarak vermemiz gerekiyor, kendisi saat dakika saniye olarak gösteriyor
index.html.erb
<script type="application/javascript">
var myCountdown2 = new Countdown({
time: "<%=@time%>",
width:170,
height:60,
rangeHi:"hour" // <- no comma on last item!
});
</script>
çalıştırıp bakalım;
bu kronomometreye günde ekleyabiliriz:
controlller: @time=Timer.first.day*60*60*60+Timer.first.hour*60*60+Timer.first.minute*60
index.html.erb
<script type="application/javascript">
var myCountdown2 = new Countdown({
time: "<%=@time%>",
width:200,
height:60,
rangeHi:"day" // <- no comma on last item!
});
</script>
çaliştiralım: