Beyaz.Net İpucu

KATEGORİLER

Delphi
PHP
Dotnet
FileMaker

Javascript Geri Sayım

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
            <style type="text/css">
            @font-face {
              font-family: "Nova Flat";
              font-style: normal;
              font-weight: normal;
              src: local("Nova Flat"), local("NovaFlat"), url("http://themes.googleusercontent.com/static/fonts/novaflat/v5/2XiJsHppLHO2BGTDfoNpvA.woff") format("woff");
            }
            .Nova-Flat-normal-400 {
              font-family: "Nova Flat" !important;
              font-style:  normal;
              font-weight: 400;
              padding: 0px;
              width: 90px;
              text-align: center;
              font-size: 28px;
              color: #193C4D;  
              float:left;
            }
            .Nova-Flat-normal-200 {
              font-family: "Nova Flat" !important;
              font-style:  normal;
              font-weight: 400;
              padding: 0px;
              width: 90px;
              text-align: center;
              font-size: 12px;
              color: #193C4D;  
              float:left;
            }
            .Nova-Flat-yazi {
              font-family: "Nova Flat" !important;
              font-style:  normal;
              font-weight: 400;
              padding: 0px;
              width: 100%;
              text-align: left;
              font-size: 10px;
              color: #193C4D;  
              float:left;
              padding-left:10px;
            }
            #countdowncontainer
            {
                background-color: #E0F3FA;
                border-color: #193C4D;
                border-style: ridge;
                border-width: 1px;
                height: 60px;
                width: 360px;
                text-align:center;
                position:relative;
                padding-top:10px;
            }
           
            </style>
            <script type="text/javascript">
           
            function cdtime(container, targetdate){
            if (!document.getElementById || !document.getElementById(container)) return
            this.container=document.getElementById(container)
            this.currentTime=new Date()
            this.targetdate=new Date(targetdate)
            this.timesup=false
            this.updateTime()
            }
           
            cdtime.prototype.updateTime=function(){
            var thisobj=this
            this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
            setTimeout(function(){thisobj.updateTime()}, 1000)
            }
           
            cdtime.prototype.displaycountdown=function(baseunit, functionref){
            this.baseunit=baseunit
            this.formatresults=functionref
            this.showresults()
            }
           
            cdtime.prototype.showresults=function(){
            var thisobj=this
           
           
            var timediff=(this.targetdate-this.currentTime)/1000
            if (timediff<0){
            this.timesup=true
            this.container.innerHTML=this.formatresults()
            return
            }
            var oneMinute=60
            var oneHour=60*60
            var oneDay=60*60*24
            var dayfield=Math.floor(timediff/oneDay)
            var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
            var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
            var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
            if (this.baseunit=="hours"){
            hourfield=dayfield*24+hourfield
            dayfield="n/a"
            }
            else if (this.baseunit=="minutes"){
            minutefield=dayfield*24*60+hourfield*60+minutefield
            dayfield=hourfield="n/a"
            }
            else if (this.baseunit=="seconds"){
            var secondfield=timediff
            dayfield=hourfield=minutefield="n/a"
            }
            this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
            setTimeout(function(){thisobj.showresults()}, 1000)
            }
           
            function formatresults(){
            if (this.timesup==false){
            var displaystring="<div class=Nova-Flat-yazi> Yeni Yıla</div><div style=clear:both><div class=Nova-Flat-normal-400>"+arguments[0]+" </div><div class=Nova-Flat-normal-400>"+arguments[1]+" </div> <div class=Nova-Flat-normal-400>"+arguments[2]+"</div> <div class=Nova-Flat-normal-400>"+arguments[3]+"</div> <div style=clear:both></div><div class=Nova-Flat-normal-200>saat </div><div class=Nova-Flat-normal-200>saat </div> <div class=Nova-Flat-normal-200>dakika</div> <div class=Nova-Flat-normal-200>saniye</div>"
            }
           
            return displaystring
            }
           
            function formatresults2(){
            if (this.timesup==false){
            var displaystring="<div class=Nova-Flat-yazi> Yeni Yıla</div><div style=clear:both><div class=Nova-Flat-normal-400>"+arguments[0]+" </div><div class=Nova-Flat-normal-400>"+arguments[1]+" </div> <div class=Nova-Flat-normal-400>"+arguments[2]+"</div> <div class=Nova-Flat-normal-400>"+arguments[3]+"</div><div style=clear:both></div><div class=Nova-Flat-normal-200>gün </div><div class=Nova-Flat-normal-200>saat </div> <div class=Nova-Flat-normal-200>dakika</div> <div class=Nova-Flat-normal-200>saniye</div>"
            }
            else{
            var displaystring=""
            }
            return displaystring
            }
           
            </script>
           
           
                    <div id="countdowncontainer" style="text-align:center"></div>
               
           
             <script type="text/javascript">
           
            var futuredate=new cdtime("countdowncontainer", "December 31, 2012 23:59:59")
            futuredate.displaycountdown("days", formatresults)
           
            var currentyear=new Date().getFullYear()
            var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear
           
            </script>

Örnek:
 

Kategorideki Güncel Makaleler