PHP倒計時，使div每天變化寬度

Question

嘿，我做了一個倒計時，但是我想要的是一個在一天后改變寬度的div。 假設有一天可以回到150天，那么我希望div的寬度為150px。 這是可能的嗎？ 我在網上搜索。

Answer 1

這很簡單。 存儲開始日期並通過計算與現在的差異來更新div 。 每150天重新存儲開始日期。 這是一些偽代碼

var start=17/01/2013 //stored date
func countDifference(){
return differenceIs=now()-start+1;
}
func setWidth(){
div.width=countDifference();
}

Answer 2

對於純php方法，您可以根據天數為div分配一個類，但隨后需要為每個可能的寬度指定css樣式。

最好通過javascript做到這一點-Sugar的答案包含一個基本方法。 您也可以在jQuery中使用css方法來更改css width屬性。 http://api.jquery.com/css/

Answer 3

您可以執行以下操作。

  <div id="test"  style='background-color:red;color:white;display:block;width:150px;'>asdasdsdasda</div>
  <script>
      $(document).ready(function(e){
         var today = new Date();
         var startday  = new Date('01/15/2013');
         var width = 150;
         var diff = DateDiff(new Date(today),new Date(startday));
         diff = parseInt(diff);
         var val  = parseInt(parseInt(diff) / parseInt(width));

        if( val >= 1 ){
                diff = parseInt(parseIn(diff) - parseInt(width * val));
         }
         var now_width = width - diff;

         $('#test').css('width' , parseInt(now_width));   

         function DateDiff(date1, date2) {

                 var datediff = date1.getTime() - date2.getTime(); 
                 return (datediff / (24*60*60*1000));
          }

        });
      </script>  

請檢查下面給出的網址

JsFiddle示例

希望對您有幫助。 謝謝