Bonjour,
J'aurai besoin de votre aide, le code ci dessous utilise une librairie nommé protovis, ce code me permet d'afficher une horloge assez sympa.
Je voudrai la modifier légèrement pour qu'elle soit d'une couleur précise entre 23h30 et 7h30 et d'une autre le reste de temps.
Du coup j'ai déclaré en dessous du head un var
Code Javascript :
ensuite je fais la comparaison :
Code Javascript :
if (hour >= 7 && minute >= 30){
if (hour =<23 && minute =< 30){
couleur = 125;}}
else couleur =250;mais ces code ne fonctionnent pas pouvez vous me dire ou est ce que je me trompe ?
Merci et bonne journée
Code Javascript :
<html>
<head>
<title>PolarClock</title>
<link type="text/css" rel="stylesheet" href="ex.css?3.1"/>
<script type="text/javascript" src="/Users/Nico/Downloads/protovis-3.1/protovis-d3.1.js"></script>
<style type="text/css">
body {
background: #222;
}
#fig {
width: 768px;
height: 768px;
}
#label {
position: absolute;
bottom: 10px;
right: 10px;
font: 10px sans-serif;
color: #999;
}
#label a {
color: #ccc;
}
</style>
</head>
<body><div id="center"><div id="fig">
<script type="text/javascript+protovis">
var radius = 768 / 2;
var couleur;
/* Generate the fields for the given date. */
function fields() {
var d = new Date();
function days() {
return 32 - new Date(d.getYear(), d.getMonth(), 32).getDate();
}
var second = (d.getSeconds() + d.getMilliseconds() / 1000) / 60;
var minute = (d.getMinutes() + second) / 60;
var hour = (d.getHours() + minute) / 24;
var weekday = (d.getDay() + hour) / 7;
var date = (d.getDate() - 1 + hour) / days();
var month = (d.getMonth() + date) / 12;
return [
{ value: second, index: .7, text: d.format("%S s") },
{ value: minute, index: .6, text: d.format("%M m") },
{ value: hour, index: .5, text: d.format("%H h") },
{ value: weekday, index: .3, text: d.format("%a") },
{ value: date, index: .2, text: d.format("%d d") },
{ value: month, index: .1, text: d.format("%b") }
];
}
if (hour >= 7 && minute >= 30){
if (hour =<23 && minute =< 30){
couleur = 125;}}
else couleur =250;
var vis = new pv.Panel()
.width(radius * 2)
.height(radius * 2);
vis.add(pv.Wedge)
.data(fields)
.left(radius)
.bottom(radius)
.innerRadius(function(d) radius * d.index)
.outerRadius(function(d) radius * (d.index + .1))
.startAngle(-Math.PI / 2)
.angle(function(d) 2 * Math.PI * d.value)
.fillStyle(function(d) "hsl(" + (couleur) + ", 50%, 50%)")
.lineWidth(4)
.strokeStyle("#222")
.anchor("end").add(pv.Label)
.font("bold 12px sans-serif")
.textStyle("#000")
.textMargin(7)
.text(function(d) d.text);
setInterval(function() vis.render(), 50);
</script>
</div></div>
</body>
</html>