Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Yazılım

Javascript kullanmadan geri sayım sayacı

  #1  
Okunmamış 18 Temmuz 2019, 18:32
umutalparslan Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 26 Şubat 2017
Yaş / Cinsiyet: 23 / Erkek
Meslek: Bilişim
Ad, Soyad: Um... Al...
Mesajlar: 385
Beğeniler: 69 / 30
Ticaret: 0, 0%
Merhaba,

Javascript kullanmadan geri sayım sayacı yapmanın bir yolu var mı? Sadece PHP veya ASP.Net ile yapabilir miyiz?

Sanırım sadece HTML ve CSS kullanılarak yapılmıyor
  #2  
Okunmamış 18 Temmuz 2019, 18:38
azad35avsar Adlı Üyenin Avatarı
www.htmlevi.com
 
Üyelik Tarihi: 30 Ekim 2018
Yaş / Cinsiyet: 20 / Erkek
Konum: İzmir
Ad, Soyad: Az... Av...
Mesajlar: 351
Beğeniler: 145 / 326
Ticaret: 1, 100%
HTML Kodu:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery İle Geri Sayım Sayacı Yapımı</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
 
$(function(){
 
var saniye = 10;
var sayacYeri = $("div.sayac span");
 
$.sayimiBaslat = function(){
if(saniye > 1){
saniye--;
sayacYeri.text(saniye);
} else {
$("div.sayac").text("Merhabalar, ben Ali Demirci.");
}
}
 
sayacYeri.text(saniye);
setInterval("$.sayimiBaslat()", 1000);
 
});
 
</script>
<style type="text/css">
 
body {
margin: 0;
padding: 0;
font-family: Arial;
}
 
div.sayac {
background-color: #dddddd;
padding: 15px 20px;
border-bottom: 5px solid #ccc;
}
 
div.sayac span {
font-weight: bold;
}
 
</style>
</head>
<body>
 
<div class="sayac"><span></span> saniye sonra metin gelecektir.</div>
 
</body>
</html>
Konu azad35avsar tarafından (18 Temmuz 2019, 21:08 ) değiştirilmiştir.
  #3  
Okunmamış 18 Temmuz 2019, 18:51
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 05 Mart 2015
Cinsiyet: Erkek
Ad, Soyad: Fa... Pa...
Mesajlar: 81
Beğeniler: 27 / 2
Ticaret: 0, 0%
Jquery zaten javascript demek. Ayrica nedeb javascript kullanmadan yapmak istiyorsan sebebini soylersen daha iyi yardimci olunabilir
  #4  
Okunmamış 18 Temmuz 2019, 20:05
umutalparslan Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 26 Şubat 2017
Yaş / Cinsiyet: 23 / Erkek
Meslek: Bilişim
Ad, Soyad: Um... Al...
Mesajlar: 385
Beğeniler: 69 / 30
Ticaret: 0, 0%
recreation E-posta gönderimlerinde sadece html ve css kullanılıyor. Sendtric.com gibi siteler ise sana gif olarak veriyor bu gif anlık olarak yenileniyor. Bir nevi php kodunu gife dönüştürüyor. Bundan dolayı ben kendi sunucumda tutacağımdan kendime ait bir tane yapmam lazım.
  #5  
Okunmamış 18 Temmuz 2019, 20:06
umutalparslan Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 26 Şubat 2017
Yaş / Cinsiyet: 23 / Erkek
Meslek: Bilişim
Ad, Soyad: Um... Al...
Mesajlar: 385
Beğeniler: 69 / 30
Ticaret: 0, 0%
Alıntı:
azad35avsar Adlı Üyeden Alıntı
JQuery ile yapılabilir.

HTML Kodu:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery İle Geri Sayım Sayacı Yapımı</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
 
$(function(){
 
var saniye = 10;
var sayacYeri = $("div.sayac span");
 
$.sayimiBaslat = function(){
if(saniye > 1){
saniye--;
sayacYeri.text(saniye);
} else {
$("div.sayac").text("Merhabalar, ben Ali Demirci.");
}
}
 
sayacYeri.text(saniye);
setInterval("$.sayimiBaslat()", 1000);
 
});
 
</script>
<style type="text/css">
 
body {
margin: 0;
padding: 0;
font-family: Arial;
}
 
div.sayac {
background-color: #dddddd;
padding: 15px 20px;
border-bottom: 5px solid #ccc;
}
 
div.sayac span {
font-weight: bold;
}
 
</style>
</head>
<body>
 
<div class="sayac"><span></span> saniye sonra metin gelecektir.</div>
 
</body>
</html>
Jquery zaten javascript oluyor bir js kütüphanesi
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Yazılım


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 06:33.