bir oyun sitem var,
oyunda oyuncuların 8 saatte bir bonus alabildiği bir bölüm var.
Sorun şu:
Bonus Sayfasındaki butonun üzerine geri sayım süresi koymuştum ve 8 saatten geriye doğru sayıyordu
Oyuncular süreyi kontrol etmek için devamlı sayfaya girmek zorunda kalmasın diye oyun menüsündeki bonus bölümüne gitmeye yarayan bonus kutusu üzerinede süre koydum. Ama menüdeki iconun üzerine süre koyunca butonun üzerindeki süre kayboldu eklediğim resimlere bakınca daha iyi anlayabilirsiniz.
Aynı anda hem menüde, hemde bonus sayfasındaki butonda bu süreyi nasıl gösterebilirim.
kodlar ve resimler aşağıda:
Bonus süresini göstermeye yarayan java kodu,
Bu Kod javakodlari.php dosyasında script etiketleri arasında yer almakta ve her sayfaya include edilmektedir
(neden php dosyası diye merak eden varsa, java kodlarında kullandığım bazı php çekme fonksiyonlarından dolayı. css dosyasında php kodları çalışmıyor.
var bonus = , //* 28800 değerini çekmektedir
countDivb = document.getElementById("bonus"),
secpassb,
countDown = setInterval(function () {
'use strict';
secpassb();
}, 1000);
function secpassb() {
'use strict';
// Hours, minutes and seconds
var hrs = ~~(bonus / 3600);
var mins = ~~((bonus % 3600) / 60);
var secs = ~~bonus % 60;
if (secs < 10) {
secs = '0' + secs;
}
if (mins < 10) {
mins = '0' + mins;
}
if (hrs < 10) {
hrs = '0' + hrs;
}
countDivb.innerHTML = hrs + ":" + mins + ":" + secs;
if (bonus > 0) {
bonus = bonus - 1;
} else {
clearInterval(countDown);
countDivb.innerHTML = 'Süre Doldu';
}
}
Bonus Sayfasındaki butonun kodu(id="bonus" kimliğiyle süreyi çağırmaktadır)
Menüdeki İconun kodu
width="35" height="35"/>
