Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php倒计时,使div每天改变宽度_Php_Html_Width_Countdown - Fatal编程技术网

Php倒计时,使div每天改变宽度

Php倒计时,使div每天改变宽度,php,html,width,countdown,Php,Html,Width,Countdown,嘿,我已经倒计时了,但是我想要的是一个在一天后改变宽度的div。 假设有150天回到某一天,那么我希望div的宽度是150px。这可能吗?我在网上到处搜索。很简单。存储开始日期并通过计算与现在的差异更新div。每隔150天重新存储开始日期。 这里有一些伪代码 var start=17/01/2013 //stored date func countDifference(){ return differenceIs=now()-start+1; } func setWidth(){ div.wid

嘿,我已经倒计时了,但是我想要的是一个在一天后改变宽度的div。
假设有150天回到某一天,那么我希望div的宽度是150px。这可能吗?我在网上到处搜索。

很简单。存储开始日期并通过计算与现在的差异更新
div
。每隔150天重新存储开始日期。 这里有一些伪代码

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

对于纯php方法,您可以根据天数为div分配一个类,但随后需要为每个可能的宽度指定css样式

最好通过javascript来实现,Sugar的答案包含一个基本方法。 您还可以使用jQuery中的css方法来更改css宽度属性。

你可以做一件如下所示的事情

  <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>  
asdasda
$(文档).ready(函数(e){
var today=新日期();
var startday=新日期('01/15/2013');
var宽度=150;
var diff=DateDiff(新日期(今天)、新日期(开始日期));
diff=parseInt(diff);
var val=parseInt(parseInt(diff)/parseInt(width));
如果(val>=1){
diff=parseInt(parseIn(diff)-parseInt(width*val));
}
var now_width=宽度-差异;
$('#test').css('width',parseInt(now#width));
函数DateDiff(date1,date2){
var datediff=date1.getTime()-date2.getTime();
返回(日期差/(24*60*60*1000));
}
});
请检查下面给出的url

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

您知道如何设置div的宽度吗?您知道如何回显PHP变量吗?如果是: