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 方法来更改 css 宽度属性。 http://api.jquery.com/css/

于 2013-01-17T07:30:17.680 回答
0

你可以做一件事，如下所示..

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

我希望它对你有帮助。谢谢

于 2013-01-17T08:45:42.107 回答