我想改變DIV區當日期改變

我可以改變通過動畫函數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>

來源

2016-04-02 Sanghyuk Park

請直接粘貼代碼到你的問題。 – Oisin

你應該用文字而不是圖片發佈你的代碼，閱讀起來要簡單得多。並通過使用'{}'按鈕格式化它 –

如果您想尋找以後有什麼是像一個數字時鐘，那麼你可能需要setInterval。

來源

2016-04-02 21:25:07

我只想顯示div區域和時間內部操作 –

由於您的意見，我解決了問題〜^^ –

試試這個它的工作：

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 
}

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

來源

2016-04-02 21:26:03

我想改變DIV區當日期改變

回答

相關問題