Php Timer fonksiyonu ile ilgili bir sorun +

Merhabalar,

Elimde timer ile ilgili şu şekilde bir kod var

// Timer/Loading Scripti

var sure = 10; // kaç saniye bekletilecek
var saniye=document.getElementById("kalan").innerHTML = sure+ 1;

function showMe(blockId)  {   
    document.getElementById(blockId).style.display = "block";  } 
function hideMe(blockId)  {   
    document.getElementById(blockId).style.display = "none";  }
function goster() {
    showMe('resim');
    hideMe('reklam');  }

function final(){
  if (saniye!=1){
    saniye-=1;
    document.getElementById("kalan").innerHTML  = saniye;   }

  else{
    goster();
    return;   }
  setTimeout("final()",1000);
}
final();

Bu kod sayfa yüklendikten 10 sn sonra gizlemiş olduğumuz elementin gösterilmesini sağlıyor.

Kullanımı da

<div id="resim" style="display:none">- Görüntülenecek İçerik -</div>


<div id="reklam">
<img src="loading.gif"><br>
İçerik <b><span id="kalan"></span></b> saniye içerisinde gösterilecek
<script language="javascript" src="timer.js"></script>
</div>

bu şekilde.

Şimdi benim sorum ise ben bu fonksiyonun bir resime, bir yazıya tıklanıldıktan itibaren 10 saniye sonra işlem yapmasını istiyorum. Örneğin program indirme sitemiz var, indirme butonuna tıklandıktan 10 saniye sonra indirme linklerinin gözükmesini istiyorum. Bu kod ile sayfa yüklendikten 10 sn sonra linkler gösterime açılıyor.

Bu konuda bilgili arkadaşlar yardımcı olurlarsa çok sevinirim.

Belki işine yarar
https://github.com/BerkPW/sbtn.js
vaktinde böyle bir şey yapmıştım.

Hocam çok teşekkür ederim cevabın için, ancak bu tam anlamıyla benim isteğimi karşılamıyor. Yani yine o saniye faktörü sayfa yüklendiği gibi başlıyor. Ben bir resime, butona falan tıklandığında saniye başlasın, 0 olunca içerik gözüksün istiyorum. Bu özelliği katabileceğimiz fonksiyon nedir ki ?

<a href="javascript:void(0);" onClick="final()" style="text-decoration:none" >Göster</a>
jquery ile isterseniz bu şekilde istediğiniz class,html element veya id uygulayabilirsiniz."
$( "#id .class veya p div" ).click(function() {
final();
});

Hocam php'de iyi değilim, yani bu verdiğiniz kodla otomatik saymasını iptal ederek bunu butona nasıl dönüştüreceğiz vaktiniz varsa uygulamalı olarak kodları verebilir misiniz ?

Hocam bu kod javascript kodudur ve saniye 1 eşit olmadığında saniyeyi 1 azaltır ve idsi kalan olan html içine kalan saniyeye gösteriri 1 eşit olduğu zamanda goster fonksiyonu devreyeye girer setTimeout fonksiyonu ile 1 saniyede bir fonksiyon çağrılır. Sizin yapacağınız işlem ise

// Timer/Loading Scripti

var sure = 10; // kaç saniye bekletilecek
var saniye=document.getElementById("kalan").innerHTML = sure+ 1;

function showMe(blockId) {
document.getElementById(blockId).style.display = "block"; }
function hideMe(blockId) {
document.getElementById(blockId).style.display = "none"; }
function goster() {
showMe('resim');
hideMe('reklam'); }

function final(){
if (saniye!=1){
saniye-=1;
document.getElementById("kalan").innerHTML = saniye; }

else{
goster();
return; }
setTimeout("final()",1000);
}
final(); // bunu kaldırıp onClick ile gösterilmesini istediğiniz html tags ekleyebilirsiniz.
<a href="javascript:void(0);" onClick="final()" style="text-decoration:none" >Göster</a>