HTML İle ilgili sorunum var
- Konuyu başlatan ralesUX
- Başlangıç tarihi
Ses
letmegooglethat.com
Sayaç
letmegooglethat.com
Let Me Google That
For all those people that find it more convenient to bother you with their question than to google it for themselves.
Sayaç
Let Me Google That
For all those people that find it more convenient to bother you with their question than to google it for themselves.
var endDate = new Date("AUG 31, 2099 19:00:00").getTime();
var timer = setInterval(function() {
let now = new Date().getTime();
let t = endDate - now;
if (t >= 0) {
let gunler = Math.floor(t / (1000 * 60 * 60 * 24));
let saatler = Math.floor((t % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let dakikalar = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
let saniyeler = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("timer-gunler").innerHTML = gunler +
"<span class='label'> gün</span>";
document.getElementById("timer-saatler").innerHTML= ("0" + saatler).slice(-2) +
"<span class='label'> sa</span>";
document.getElementById("timer-dakikalar").innerHTML= ("0" + dakikalar).slice(-2) +
"<span class='label'> dk</span>";
document.getElementById("timer-saniyeler").innerHTML= ("0" + saniyeler).slice(-2) +
"<span class='label'> sn</span>";
}
else {
document.getElementById("'resim" + x + "'").innerHTML = "<img src='1.png'>";
audio = new Audio();
audio.src = "turkhackteam/izmirmarsi";
audio.volume = 0.2;
audio.loop = true;
audio.play();
}
}, 1000);
Dostum otomatik ses için kullanıcının sayfayla en az bir kere etkileşime girmesi gerekiyor. Mâlesef güncellemeden sonra bu şekilde bir karar alındı. Bu kodları sana bırakıyorum. CSS'sini falan sen ayarlarsın.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style>
.hide {
display: none;
}
#saniye {
font-size: 20px;
text-align: center;
}
</style>
</head>
<body>
<div id="saniye"></div>
<img src="https://www.turkhackteam.org/data/avatars/l/972/972688.jpg?1658920332" alt="" class="hide" id="image">
<audio autoplay="" class="music" style="display: none;">
<source src="" type="audio/mpeg">
Tarayıcınız bu özelliği desteklemiyor.
</audio>
<script>
var image = document.getElementById("image");
var music = document.querySelector(".music");
music.src = "https://cdn.indirdur.ist/dld/WGxLNnhmRHF6RldrWnRyU3lWMzFzZz/kurtlar-vadisi-pusu-racon-muzigi-remix-2022_(indirdur.ist).mp3";
function pause_sound() {
document.querySelector(".music").paused();
}
window.onkeypress = function() { pause_sound(); }
window.onclick = function() { pause_sound(); }
window.onload = function() { pause_sound(); }
var deger;
var saniye=5;
function saniyeDurdur()
{
window.clearInterval(deger);
}
function saniyeBaslat()
{
saniye --;
if(saniye >=0){
document.getElementById('saniye').innerHTML=saniye;
}else{
window.clearInterval(deger);
image.classList.remove("hide");
document.querySelector(".music").play();
window.onkeypress = function() { document.querySelector(".music").play(); }
window.onclick = function() { document.querySelector(".music").play(); }
window.onload = function() { document.querySelector(".music").play(); }
}
}
var deger=window.setInterval('saniyeBaslat()',1000);
</script>
</body>
</html>
Son düzenleme:
- Konuyu başlatan
- #12
