2016-04-02 9 views
0

tatsächlich geändert, ich versuche DIV Inhalt zu ändern, wenn Datum geändert ..Ich mag DIV Bereich ändern, wenn Datum

kann ich Div Inhalt durch belebtes function() ändern.

Aber ich kann es nicht gelten Datum geändert ... T.T

hier ist mein Code.

<!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> 
+0

Bitte Ihren Code direkt in Ihre Frage einfügen. – Oisin

+0

Sie sollten Ihren Code in Text anstelle von Bild veröffentlichen, es ist viel einfacher zu lesen. Und formatieren Sie es mit Hilfe der '{}' Taste –

Antwort

0

Wenn das, was Sie suchen nach etwas, wie eine digitale Uhr, dann können Sie setInterval benötigen.

+0

Ich möchte nur div Bereich zeigen und Zeit intern arbeiten –

+0

Ich löste das Problem dank Ihrer Beratung ~ ^^ –

1

Versuchen Sie, diese seine Arbeits:

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/