0

ねえ、私はカウントダウンをしました、しかし私が欲しいのは日後に幅を変えるdivです。ある日まで150日あるとしましょう。その場合、divの幅を150pxにします。これは可能ですか？私はウェブ全体に検索を行っています。

4

3 に答える 3

0

簡単だ。div開始日を保存し、現在との差をカウントして更新します。150日ごとに開始日を復元します。ここにいくつかの擬似コードがあります

var start=17/01/2013 //stored date
func countDifference(){
return differenceIs=now()-start+1;
}
func setWidth(){
div.width=countDifference();
}
于 2013-01-17T07:21:14.470 に答える
0

純粋なphpメソッドの場合、日数に基づいてdivにクラスを割り当てることができますが、その場合は、可能なすべての幅にcssスタイルを指定する必要があります。

javascriptを介してそれを行う方が良いでしょう-Sugarの答えには基本的な方法が含まれています。jQueryのcssメソッドを使用して、csswidth属性を変更することもできます。 http://api.jquery.com/css/

于 2013-01-17T07:30:17.680 に答える
0

あなたは以下のように1つのことをすることができます。

  <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>

以下のURLを確認してください

JsFiddleの例

お役に立てば幸いです。ありがとう

于 2013-01-17T08:45:42.107 に答える