jcaspes
/
NewYear
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: jcaspes:svn.41
Branches Tags
jcaspes:NewYear
jcaspes:svn.41
jcaspes:svn.40
jcaspes:svn.39
jcaspes:svn.38
jcaspes:svn.37
...
compare: jcaspes:NewYear
Branches Tags
jcaspes:NewYear
jcaspes:svn.41
jcaspes:svn.40
jcaspes:svn.39
jcaspes:svn.38
jcaspes:svn.37

6 Commits
svn.41 ... NewYear

Author SHA1 Message Date
Jean-Christophe Cura b074a0926e Fusion 2017-10-22 16:54:38 +02:00
Jean-Christophe Cura 651793fb99 commit multi head 2017-10-22 16:53:44 +02:00
Jean-Christophe Cura cd74f5c1ab test multi head 2017-10-22 16:52:59 +02:00
Damien Cura f1446c7629 test commit 2017-10-14 16:24:11 +02:00
Jean-Christophe Cura 5396a938ad changement de couleur + fonts 2016-12-05 23:18:49 +01:00
Jean-Christophe Cura bd69e684a8 New version using jQuery 2014-01-11 02:08:42 +01:00
4 changed files with 137 additions and 14 deletions
Show Stats Expand all files Collapse all files

23
index.html
View File

@ -6,13 +6,34 @@
<link rel="stylesheet" type="text/css" href="newyear.css" /> <link rel="stylesheet" type="text/css" href="newyear.css" />
<link rel="icon" type="image/png" href="terminal.png" /> <link rel="icon" type="image/png" href="terminal.png" />
<link rel="SHORTCUT ICON" href="terminal.png"/> <link rel="SHORTCUT ICON" href="terminal.png"/>
<link href='https://fonts.googleapis.com/css?family=Merriweather+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
</head> </head>
<body id=new_year_body> <body id=new_year_body>
<div id=new_year_text class=new_year_text_css><span>Bonne Ann&eacute;e dans</span></div> <div id=new_year_text class=new_year_text_css><span>Bonne Ann&eacute;e dans</span></div>
<div id=new_year_count class=new_year_count_css> <div id=new_year_count class=new_year_count_css>
<table class="center">
<tr>
<td >
<div id=t0 class=t_css>a</div>
<div id=t1 class=t_css>b</div>
<div id=t2 class=t_css>c</div>
<div id=t3 class=t_css>d</div>
<div id=t4 class=t_css>e</div>
<div id=t5 class=t_css>f</div>
<div id=t6 class=t_css>g</div>
<div id=t7 class=t_css>h</div>
</td>
<tr>
<tr>
<td >
<div id=tsimple class=tsimple_css>pour les nulls: </div>
</td>
<tr>
</table>
</div> </div>
<script type="text/javascript" src="jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="newyear.js" ></script> <script type="text/javascript" src="newyear.js" ></script>
</body> </body>
</html> </html>

4
jquery-1.7.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

29
newyear.css
View File

@ -1,6 +1,8 @@
body body
{ {
text-align:center;
background:black; background:black;
font-family: 'Raleway', sans-serif;
} }
div.new_year_text_css div.new_year_text_css
@ -10,9 +12,34 @@ div.new_year_text_css
font-size:50px; font-size:50px;
} }
table.center {
margin-left:auto;
margin-right:auto;
}
div.new_year_count_css div.new_year_count_css
{ {
text-align:center; text-align:center;
color:red; color:red;
font-size:250px; width:100%;
display:block;
}
div.t_css
{
/*border: solid 1px;*/
float: left;
font-size:200px;
}
div.tsimple_css
{
/*border: solid 1px;*/
font-size:20px;
color: #FF0000;
}
div.unit
{
/*border: solid 1px;*/
float: left;
color: green;
font-size:120px;
} }

95
newyear.js
View File

@ -1,3 +1,16 @@

function gup( name )
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
return "";
else
return results[1];
}
function i18n(text) function i18n(text)
{ {
return text; return text;
@ -27,8 +40,8 @@ function GetTimeStr()
function ClockInTitle() function ClockInTitle()
{ {
document.title = i18n("Happy New Year: ") + GetTimeStr(); document.title = i18n("Bonne Année ") + GetTimeStr();
setTimeout("ClockInTitle()",1000); //setTimeout("ClockInTitle()",1000);
} }
ClockInTitle(); ClockInTitle();
@ -45,35 +58,93 @@ function Pause(time)
} }
/*Get controls*/ /*Get controls*/
var new_year_text = document.getElementById("new_year_text"); var new_year_text = $("#new_year_text");
var new_year_count = document.getElementById("new_year_count"); var new_year_count = $("#new_year_count");
var next_year_val; var next_year_val;
var next_year; var next_year;
var coef=1000; var coef=1000;
var colors;
/*
"#1D24F2",
"#FFFFFF",
"#E8101F",
*/
function resetcolors()
{
colors = [
"#1D24F2",
"#1D24F2",
"#FFFFFF",
"#FFFFFF",
"#E8101F",
"#E8101F",
"#FFFFFF",
"#FFFFFF"
];
}
resetcolors();
function calcNextYear() function calcNextYear()
{ {
next_year_val = new Date().getFullYear() + 1; next_year_val = new Date().getFullYear() + 1;
next_year = new Date("01/01/" + next_year_val + " 00:00:00"); next_year = new Date("01/01/" + next_year_val + " 00:00:00");
} }
var loop = 0;
var phase = 1;
function CountDown() function CountDown()
{ {
/*Init years*/ /*Init years*/
var now = new Date(); var now = new Date();
var countdown = Math.round((next_year.getTime() - now.getTime()) / coef); var countdown = Math.round((next_year.getTime() - now.getTime()) / coef);
/*remove divs*/
if(countdown < 1 ) if(countdown < 1 )
{ {
new_year_count.innerHTML = "BONNE ANNE !! YOUPI"; new_year_count.text("YOUPI !! Bonne Année !!");
if(countdown > -60) setTimeout(calcNextYear, 60000);
{
calcNextYear();
}
} }
else else
{ {
new_year_count.innerHTML = countdown + " s"; var displayunit = (gup("unit") == "1") || (gup("unit") == "");
var count_S = countdown+"";
var count_T = count_S.split("");
$(".t_css").text("");
for(var j=0;j<8;j++)
{
$("#t"+j).css("color", colors[j]);
} }
setTimeout("CountDown()",250); new_year_text.css("color", colors[0]);
if(loop < 7 && phase > 0)
{
loop++;
colors.unshift(colors.pop());
}
else
{
phase = 1;
resetcolors();
loop = 0;
//loop--;
//colors.push(colors.shift());
}
if(phase < 0 && loop < 0)
{
phase = 1;
}
for(var i=count_T.length;i>=0;i--)
{
$("#t"+(8-(count_T.length-i))).text(count_T[i]);
}
var formatedCounter = FormatDigit(""+(parseInt(countdown/60/60/24))+" jours "+(parseInt(countdown/60/60))%24) + " heures " +FormatDigit(""+(parseInt(countdown/60))%60)+ " minutes " + FormatDigit(""+countdown%60) + " secondes " + now.getMilliseconds() + " millisecondes";
document.title = formatedCounter;
$("#tsimple").text(formatedCounter);
}
setTimeout("CountDown()",1000/8);
} }
calcNextYear(); calcNextYear();