19 NİSAN 2012, PERŞEMBE

Javascript Tarih Saat Geri Sayım Öğretici Yılbaşı 2012 Doomsday Hanuka

Başka bir JavaScript programlama öğretici merhaba herkese hoş geldiniz benim adım Adam ve ben bu ders boyunca talimat olacak Şimdi kendinizi biz boyunca oluşturacağınız için gidiyoruz ne iyi bir fikir vermek için ders Adam Khoury nokta com gidin ve My Little kıyamet geri sayım bağlantısını tıklayabilirsiniz İşte ve bu küçük pencereyi açmak, bir kıyamet geri sayım gösterir Bu benim uygulama oluşturmak için birlikte oynamaya karar budur Bir kıyamet geri sayım 21 Aralık 2012 olabilir Domesday geri sayım ve belki inanan bir sürü insan olduğunu onlar benim bankada bir banka hesabında tüm para

koymak istiyorum dünya için zorunlu ve belki de paranızı alabilir güzel bir şey ABD'ye sadece dünyanın zaten biteceğini biliyorum ama bu size uygulamanın bu tür ne yapabilirim hissi verir size Noel değilse de

Noel 2012 geri sayım Birini biliyorum iyi sen onları bir geri sayım inşa edemez Noel bulunuyor Noel bu yüzden bunu tahmin edebilirsiniz çok daha Hannukah veya tür tatil veya kültürel gelenek olursa o

“Ders Kodu: http://www.developphp.com/video/JavaScript/Date-Time-Countdown-Tutorial-Christmas-2012-Doomsday Herhangi bir hedef tarih ve saat için Javascript geri s...”
Adam Khoury

lsun tamam bazı tür kapının etrafında odaklanmış olduğunu Tamam biz mütevazi başlangıçlar 7 HTML dosyası ile başlamak için gidiyoruz bu yüzden bir betik bloğunu açmak baş elemanı organı içinde başlıyoruz sıkı metne eşit JavaScript yapacak yapmak olduğumu yakın emin olun biz ancak kapanış etiketi ama senaryo elemanı şimdi biz içinde bizim JavaScript koymak için gidiyoruz işlev yapacağız isim CD TD sensin Geri sayım tarihi açık yakın parantez hedef için kısa küme ayr

Javascript Tarih Saat Geri Sayım Öğretici Yılbaşı 2012 Doomsday Hanuka Resim 1 Javascript Tarih Saat Geri Sayım Öğretici Yılbaşı 2012 Doomsday Hanuka Resim 2 Javascript Tarih Saat Geri Sayım Öğretici Yılbaşı 2012 Doomsday Hanuka Resim 3 Javascript Tarih Saat Geri Sayım Öğretici Yılbaşı 2012 Doomsday Hanuka Resim 4

acı bu şekilde yakın bir çift satır aşağı gitmek küme ayracı açmak Eğer güzel var Fonksiyon yuva tüm kurmak ve bir içindeki tüm barkod koyarak konum gitmek için hazır biz bu şekilde işlev Geri sayım boyunca defalarca kod yürütmesine biz ihtiyaç vardır Şimdi işlev İlk satır oluşturma değişken kadar olacak olduğunu Biz arayacak konum Olacak Noel için kısa X özledim Burada bir tarih nesnesi kullanabilirsiniz, böylece yeni tarihe eşit Onları baskı içinde tarih nesnesine sezon biz olacak tipisin çift ​​tırnak çift tırnak ayarl

ayın ve içinde söz konusu çift tırnak olacak, biz istediğiniz tarih ve saati koymak Geri sayım yüzden Aralık 25th 2012 hedef gidiyorum için hangi bu yıl Noel ve bir dakika olacak O gün 21 Aralık 2012 içine öylesine bir dakika başladıktan sonra Benim hedef geri sayım gün olacak ve farklı biçimleri olduğunu olduğunu sen sağlayabilmektedir d nesnesine atamak isterseniz belirli bir tarih burada var gibi, bu çok olduğunu düşündüm sadece bir biçimidir açık ve basit karşılaştırmak zorunda şimdi öğretici bir sonraki değişken karar ilk değişken veya denir olacak karşılaştırmak şimdi sen de itiraz devlet eşit olacak ve o ayarlanabilir bu şekilde boş bırakılabilir gidiyor Bugün için geçerli tarih ve saati ne olursa olsun ancak mevcut gün şimdi denilen bu değişken koymak olacak Uni bana şimdi fark hesaplanır ve Noel 2012 şimdi biz alabilirsiniz Zaman farkı çok basit Yeni değişken oluşturarak ve sadece zaman diyoruz X'in özledim nokta eşit olacak zaman olsun istediğimiz belirli bir biçimi oluşturmak için zaman yöntemini almak için kullandığınız Denklem gerçekleştirmek Belirli bir biçim yüzden koymak edeceksin zaman şimdi zaman olsun dot Şimdi Noel ve arasındaki zaman farkı almak için de çok Biz X özledim zaman yöntemi eksi olsun dot kullanın Şimdi zaman alamadım bu yüzden ne yapabilirim birkaç aşağı gitmek olduğunu çizgiler saniye diyoruz, yeni bir değişken kalacağım oluşturabilir Bu bölü zaman çip eşit olacak 1000 ne yapar ise o T alır Ham milisaniye zaman daldırma var ve bölü Kaç saniye 1000 size vermek Zaman farkı vardır çünkü zaman sadece lar milisaniye böylece tüm yapmanız gereken bize saniye biliyorum bölmek edilir 1000 ile ve kaç fiili saniye olsun O zaman farkı vardır ve biz burada olacak bir şey daha yapmak zorunda olduğunuz Biz söyleyeceğini Biz yuvarlamak istiyorum çünkü nokta zemin maske biz zaman bölünmesi elde değerin aşağı Bir ondalık olabilir çünkü evet 5000 Eğer gerçekten olmak istemiyorum Uydur nokta zemin gerçekleştirmek istediğiniz ondalık Browns bu şekilde bir sayı geri aşağı almak böylece üzerinde kaç şimdi erişim bu noktada öylesine bir ondalık yoktur saniye şimdi ve Noel 2012 tarihleri ​​arasında olan ve sadece sizin satmak oynayabilirsiniz İstediğiniz ama bu noktada yapacağız değilseniz henüz biz gidiyoruz bunu monte şimdi dakika dakika benzer denklem olacak o yüzden bu değişken dakika diyelim biz olacak bölmek değil scheck altmış basit tarafından ins ve kaç dakika verecektir arasında şimdi ve Noel 2012 Alice sadece kopya olduğunu dakikada hat Saat bu bir saat arayacak için pm aynı şeyi yapacağız Biz almak için altmış tarafından dakika bölebilirsiniz Ancak birçok saattir arasında kalan ve Noel 2012 Alice sadece bu satırı kopyalayıp ve biz d gün artık kaç gün bırakılır alabilirsiniz şimdi ve bölerek Noel 2012 tarihleri ​​arasında biz can bu noktada artık herhangi bir bu işi kaybetmek yok bu yüzden 24 ile saat dosyayı kaydetmek biz bir yerde bir zamanlayıcı koymak özellikle bir kez kendimize bir şeyler göstermek başlar yapacağız yerde bir zamanlayıcı koymak zorunda çünkü o almaya gidiyor her saniye onun olacak bu kısmı her saniye çalıştırmak yapmak aşağı sürer ve biz bir şeyleri kiralamak istiyorum sayfaya böylece vücut bölümünde ne yapacak Bu noktada spor gülüm ver gülüm pop olacaktır elemanlar her biri benzersiz bir sahip olduğunu görebilirsiniz Kimlik bu bir gün kutu saat kutusu vardır Erkek kutu ve sexbox ben ne yapacağım yani İlgili kutu içinde değerleri böyle şeyler altında burada HTML bizim gösterge çubuğu dört hatlarında pop mıyız Bu olacak, iç HTML yatıştırmak doldurmak vardır Küçük dips için buraya buzlanma belge i KODU eleman almak istiyorum ve sonra hedef onun KODU istediğiniz hangi gelişme Burada bir nokta iç HTML özelliği eşittir kullanın Size gün sadece bugünün değişken olduğunu doldurmak uygun HTML sayfasına render edeceğiz Eğer şimdi gitmek istiyorum konteyner bu fonksiyonu olsun tür kendi üzerine döngü olacak oluşturmak yapmak zorunda Bir zamanlayıcı kaynağı bir parçası zamanlayıcı Eğer ben öylece isim mayın zamanlayıcı olduğumu istersen o isim olabilir Birçok buna setTimeout yöntemini kullanın ve bu ne olduğu yaratıcısı süresi ve skeç iki parametre İlk parametre bu bir haktır biz çalıştırmak istediğiniz işlevi İşte biz bu fonksiyon ile zamanlayıcı ayarı konum beri o skandal demektir kendi üzerine ve sonra ikinci parametre Bir bu istiyorum koymak için bir saniye sama olacak yürütmek ne sıklıkta istediğiniz zaman 1000 milisaniye ve bu çizgi yapar bu yüzden bir saniye eşit olduğunu Bu işlev olacak aşağı burada bu çizgiyi vurdu ilk kez çalıştırdığında onun sonu ve öylece döngü fonksiyonu tekrar çalışmasını sağlamak var Bu şekilde, böylece ihale sadece ikinci herkes çalışmasını sağlar Biz sayacı durdurmak için üzerine net zaman aşımı kullanana kadar ve yapacağız sadece hedef tarih ulaşıldığında bunu konum Şimdi Noel eşit veya şimdi olduğu eşit ya da daha büyük Noel olacak bizim son altında gideceksin biz render bunları nasıl Burada gelişmeleri ve önemli olduğunu, ancak senaryo elemanı Bu HTML elemanları altında onlar JavaScript çünkü eğer tarafından tanınan bu şekilde Eğer sayfası önce belirli HTML öğelerini hedef şey çalıştırmayı denediğinizde tam dolu ve DOM JavaScript yüklenen bu unsurların yüzden onları bulmak için gitmiyorum Bunu koymak lazım böylece koymak komut sıkı altında JavaScript eskisi gibi aynı şey kapanacak ve biz yapacağız emin olun biz yukariya Bizim komut eleman ve tüm içinde biz yapmak istiyoruz fonksiyonunun CDT alıcı olduğunu Geri sayım tarihini hedef ve mümkün o ben farketmez değildir noktalı virgül ile oradaki ifadeyi kırmak Onu orada bir noktalı virgül koymak bu yüzden bu sayfayı bu satırı çarptığında yapmak için ne olup bittiğini DOM burada bu çizgiyi yüklendiğinde amis disfonksiyonu CD GD kendi sereceğim yangına gidiyor o tek seferde çalıştırmak ne zaman defalık yürütmek Bu sayfayı çalıştırdığınızda şimdi her saniye kendi üzerine döngü dedi Biz bu çocuklara içine doldurulan dal kullanımını görmeye gidiyoruz ve biz hala kurmak için bir daha hesaplama var Biz sadece bazı şeyler evet ben size göstereceğim hak ettiği kalmasını istediğiniz hakkında konuşmak Burada ne olduğunu görmek bkz 249 gündür 5900 86 saat kaldı Noel'e kadar sola bu kadar dakika sonra bu kaç saniye İkinci aşağı geçiyor görebilirsiniz ve dakikalar de ve saat o orada oturdu onu izledim eğer aşağı alacağını uzun Şimdi bu kullanıcıyı göstermek istediğiniz değerlerin tür değil Eğer onlara 249 göstermek istiyorum sadece kalıntıları onlara göstermek istiyorum günler Eğer I onları 1900 86 saat göstermek istemiyorum Eğer hepsi tarafından ayrıldı, yalnızca kaç saat kalan bana göstermek istiyorum tarih sen benim ne dediğimi biliyorum o o 249 gün belki altı saat izin olabilir 24 saatten fazla asla ve bu çok basit bir dönüşüm burada yapabileceğimiz bir hesaplama var Sağ birkaç gün değişkeni altında ve kapmak için kalıp mutluluk operatörünü kullanacağız Sadece kalan kadar bu sayıyı bölen 24 veya altmış bu satırın altında çok doğru Ne saatleri dakikaları ve saniyeleri hesaplar bu üç satır poppin var kalanlar sadece istediğin tam miktarı görünmüyor Saat Noel'e sadece Durso kalmasını istediğiniz Bu çizgi temelde söyleyerek ne yaptığını liste yapmak hepsini kullanmak saat saat eşittir Model 24 ve isterseniz PHP geliştirmek için gidebilirsiniz ve bazı yazdım modeli kendi operatör hakkında bilgi geçenlerde ve ben birçok site gerçekten de modeli açıklamak fark sen benim yeni model bu operatör JavaScript hızlı bir istiyorsanız eğer öyleyse Ben sadece söz yüzden benim JavaScript kütüphanesi de bunu açıklamak bazı insanlar çünkü Bu bakıyor olabilir cehennem bu deli bile yapıyor ne söylediğini saat eşit söyleyerek saatleri uzun 24 dakika daha eşittir dakika model listesi altmış ve sadece o steno olabilir Saat modeli listesi söyleyerek denklem 24 eşittir dakika modeli şimdi biz bu hesaplamalar yerinde olsun hangi altmış eşittir olduğunu en bir var bir şey olsun artık ne görebilirsiniz sayfayı çalışmasına izin biraz daha ziyaretçilerimize okunabilir ve anlaşılabilir size 149 gots Gün Noel 2012 10 til sol saat 50 dakika ve 10 saniyede Bu sıfıra sayar zaman onlar aşağı sayıyorsanız birçok saniye saniye sıfıra doğru bu 49'a döneceğiz olsun görürsünüz saniye altmış dönmek için T tamam şimdi size geri sayım var hiçbir sorun çalışan ve senin için biraz bir bonus mantık atacağım Çocuklar Eğer bir yerde atabilir koşul olduğunu söylüyor ve eğer burada biraz var Zaman dis küçükse 0'a eşit net zaman aşımı yöntemini çalıştırmak istiyorum çalışmasını zamanlayıcı durdurulur zamanlayıcı ve sonra sen biliyorsun ne zaman istersen yapabilirsin Noel burada yılbaşı bilecek komut burada ama sen yapabilirsin Eğer insanları göndermek istediğiniz belki istediğiniz yankılandı her türlü yürütmek Benim yaptığım gibi biz istiyorum diğer bazı belge sayfasına şeyler yazmak zamanlayıcı tüm diğer şeyler kaldırmak durdurmak ve edeceğiz böylece yılbaşı burada görmek Bir Noel burada sadece edeceğiz Gerçekten ben sadece bu evet koyabilirsiniz bkz yazdı ama bir yorum koşmak herhangi bir kod gerekli yoksul geri sayım tamamlamaları böylece sıfıra aşağı aldığında geri sayım bittiğinde ya da hedef tarih vurmak artık ne olursa olsun geçmişte olur o zaman bu doğru burada ne olduğunu bazı özel kodu çalıştırmak istiyorum Bu uygulama şimdi başlayabilirsiniz bu şekilde işaret Hedef tarih ileride yol ve daha sonra bu hedef tarih geldiğinde Eğer zaten programlanmış olacak hazır bir şey yapmak zorunda değilsiniz Tarih bir yolculuk vardır bunları göstermek için bazı tür alternatif içerik istiyor Bu tam burada bu bu durumun ne yapıyor alice HTML içine aşağı gitmek ve gerçekten kullanmak isteyeyim HTML ve CSS gerçekten vermek tasarlanmış Gerçekten güzel bir görünüm web siteme yaptım ama üretmek gibiyim Para kalan örneğin aşkına günleri verilen noktalı virgül duymak gidiş o çizgiyi kopyalayabilirsiniz ama saat orada kalan ve bu size net verecektir tasviri Noel 2012 249 kalan 30 gün neler olup bittiğini Saat Kalan 10 dakika 45 ve benim gibi ikinci 50 bu sıfıra aşağı aldığında dedi Kullanıcının kabul dakika animasyonlu moda sayfasında gerçek zamanlı olarak hem de aşağı çekmek ve bilet saatleri izlemek için yeterince uzun olmalıdır, eğer aşağı ama kimse çalıştırmak için bir ucube ama hala eşit uygulamanın çok bahsedilen Dediğim gibi bu yüzden CSS almak ve tüm bu çocukları hedef Hatta ben bu bir sınıf vermek istedim bu klasik verebilir % uh CA zamanlı kutusunu nitelik ve ben tüm bu yaptım sınıflar zaman kutusunu vermek Sadece benim CSS neler yapabileceğini şimdi böyle Ben tüm sayıları yapmak istiyorum o zaman kutularında başlayacak gerçekten büyük aşağı alarak ben sadece hedef ne olursa olsun güzel bir bordürlü kutuya koydu O zaman kutusu ve JavaScript ve hedeflenen bağımsız kimliğinizi kullanarak ama orada dışarı alacağım ve ben tasarımı bırakacağım Zaten görsel açıdan Sizlerle kadar bırakın bu yönleri olsa uygulamada göz şeker ve kendi bireysel yaratıcılık tamam yani o kadar sarar Biz bu javascript tarih zaman memnun kaldım umarım Geri sayım öğretici biz ne zaman bir sonraki ders görürsünüz.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Date-Time-Countdown-Tutorial-Christmas-2012-Doomsday Herhangi bir hedef tarih ve saat için Javascript geri sayım uygulamaları oluşturmak için öğrenin.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.7/10

  • 135
    Olumlu
  • 4
    Olumsuz
  • 52
    Yorum
  • 17025
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • backyardjay

    backyardjay

    8 ŞUBAT 2009
  • Simon Hayter

    Simon Hayter

    20 HAZİRAN 2010
  • TotalSeminarsChannel

    TotalSeminar

    16 Mart 2010

ANKET



Bu sayfa işinize yaradı mı?