Здравствуйте уважаемые знатоки скриптоманы!
Частенько заходил сюда просто как гость,почитать,посмотреть.
Но как говорится нужда приспичила,пришлось региться
.
Если с html и css я еще кое-как в состоянии разобраться,то вот Ява-скриптах я полный ахтунг.
К делу:
В нете набрел на сриптик таймера,разобрался как там дату поставить,облагородил его css,но только потом заметил,что он (таймер) не запоминается браузером.При обновлении вкладки отсчет начинается с начала,а хотелось бы,чтобы он продлжался дальше.
Читал я тут у вас,что нужен Set Cookie,но что это и куда...короч труба дело-выручайте!
Вот сам код:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Демо</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-2.1.0.min.js'></script>
<style type='text/css'>
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
function getTargetDate(hour_to_count){
var t = new Date();
var year = t.getFullYear();
var month = t.getMonth();
var day = t.getDate();
var hour = t.getHours()+hour_to_count;
return new Date(year, month, day, hour).getTime();
}
$(document).ready(function(){
//Время меняем тут:
var hour_to_count = 7; // отсчет от 7ми часов
// если поставить так: var hour_to_count =2* 24; // отсчет будет от 2х суток
var target_date = getTargetDate(hour_to_count);
// update the tag with id "countdown" every 1 second
setInterval(function () {
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
var d = document.getElementById("day");
var h = document.getElementById("hour");
var m = document.getElementById("minute");
var s = document.getElementById("second");
// find the amount of "seconds" between now and target
var current_date = new Date().getTime();
if(current_date >= target_date){
target_date = getTargetDate(hour_to_count);
}
var seconds_left = (target_date - current_date) / 1000;
// do some time calculations
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
if(days < 10){
days = "0" + days;
}
if(hours < 10){
hours = "0" + hours;
}
if(minutes < 10){
minutes = "0" + minutes;
}
if(seconds < 10){
seconds = "0" + seconds;
}
d.innerHTML = days;
h.innerHTML = hours;
m.innerHTML = minutes;
s.innerHTML = seconds;
// format countdown string + set tag value
//countdown.innerHTML = days + "d, " + hours + "h, "
//+ minutes + "m, " + seconds + "s";
}, 1000);
})
});//]]>
</script>
</head>
<body>
<div id="countdown">
<span id="day" >00</span>
<span id="hour" >00</span>
<span id="minute" >00</span>
<span id="second" >00</span>
</div>
</body>
</html>
P.S
Не пинайте сразу,но хотелось бы именно с этим кодом разобраться,я под него уже css "заточил".
Заранее спасибо за помощь!