我想在日期更改时更改DIV区域

Question

实际上，当日期更改时，我正在尝试更改DIV内容。

我可以通过animate函数()改变Div的内容。

但我无法应用它，因为日期已更改...T.T

这是我的代码。

<!DOCTYPE html>
 <html>
   <head>
  <meta charset="UTF-8">
   <title>Insert title here</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css">
   <script src="js/jquery-1.12.2.min.js"></script>

<style>
 .stick{
 background :cyan;
 width:0px; height:20px 
 }

​

<body>
<div class="stick"></div> 
</body>

<script>
 var d = new Date(); 
 //d.getDate().. what function should I use?
  $(".stick").animate({width:"+=10"}); //here is ok   
  </script>
  </html>

Answer 1

试试它的工作方式:

HTML :

<input type="date" name="date" id="date"/>
<div class="stick"></div>

JS :

var d = $('#date').change(function(){   
$(".stick").animate({width:"+=10"}); 
}); 

CSS :

.stick{ 
background :cyan; width:0px; height:20px 
} 

https://jsfiddle.net/w5ur8w2u/：Jsfiddle

Answer 2

如果你想要的是一个数字时钟之类的东西，那么你可能需要setInterval。