Скрипт время прибывания на сайте с первого посещения cookie

45

pq777pq

11 марта 2015, 05:10

1924

Здравствуйте! Вопрос знатокам.

Подскажите, что нужно доделать в коде ниже, чтобы скрипт вывода в секундах, сохранялись куки при обновлении страницы.

(пользователь обновил страницу - а секундомер не сбразывается)

Перерыл весь интернет, но ничего подобного не нашел. Были примеры с таймером обратного отчета рабочие. Но это немного не то )).

Заранее Спасибо!




<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Время в секундах</title>

</head>



<script language="JavaScript">

t=0;

function a(){

    document.getElementById('a').innerHTML = t;

    t++;

    setTimeout("a()", 1000);

}

</script>

<body onload="a()">



<div id=a></div>



</body>

</html>

ДП

203

Дикий пионер

11 марта 2015, 05:19

#1

Надо вместо t=0 получать дату из куков, сравнивать с текущей, получить разницу в секундах и назначить её t.

1

204

дани мапов

11 марта 2015, 05:45

#2


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Время в секундах</title>
</head>


<script language="JavaScript">

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca;
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}


t=readCookie('timer');
if (!t) 
	t=0;
	
function a(){
    document.getElementById('a').innerHTML = t;
    t++;
    createCookie('timer',t,365);
    setTimeout("a()", 1000);
}
</script>
<body onload="a()">

<div id=a></div>

</body>
</html>

1

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

P7

45

pq777pq

11 марта 2015, 07:26

#3

Ребята спасибо ОГРОМНЕЙШЕЕ!

Отдельное Даня Мапов за рабочий код.

Есть же реально - Светлая голова! Спасибо ещё раз.

P7

45

pq777pq

11 марта 2015, 15:24

#4

Ребят, у меня ещё одна проблема. Даже не удобно спрашивать за неё... Замучился искать реализацию этого...

Сейчас, когда выводится параметр div c отображением секунд,

не знаю как встроить значение div в ютуб плеер к параметру start=

остановился на этом:




<div id="a"></div>



<div id="video"></div>



<script type="text/javascript">

	document.getElementById('video')



	.innerHTML = '<iframe allowfullscreen="" frameborder="0" height="478" width="800" src="http://www.youtube.com/embed/oUzzDkh3_Zg?wmode=transparent&amp;rel=0&amp;autoplay=1&showinfo=0&controls=0&vq=hd720&start= ">';

	

</script>

Яндекс кобласит Google Updates - апдейты Google AdSense - Вопросы

S

171

silicoid

11 марта 2015, 16:11

#5

pq777pq,

если джейквери подключен

это будет выглядеть примерно так



.... ('video').innerHTML = '/*ВАШ URL*/' + $('#a').html() + '">';

если не подключен, то



.... ('video').innerHTML = '/*ВАШ URL*/' + document.getElementById('a').innerHTML + '">';

1

P7

45

pq777pq

11 марта 2015, 17:05

#6

silicoid:
pq777pq,
если джейквери подключен
это будет выглядеть примерно так




.... ('video').innerHTML = '/*ВАШ URL*/' + $('#a').html() + '">';

если не подключен, то




.... ('video').innerHTML = '/*ВАШ URL*/' + document.getElementById('a').innerHTML + '">';

Спасибо! Вот почти почти, как надо, но немного не то... Див грузится при загрузки тела страницы и как понимаю только 1 раз.

Событие висит на body onload="a()"

А так, то что нужно... Еще бы повторную загрузку разрешить этого элемента на страницы, или как-нибудь впихнуть в сам код, чтобы был единственный вариант.

Галлерея в записях WP Как правильно оформить теги Как в google прописать

S

171

silicoid

12 марта 2015, 09:15

#7

pq777pq, а можете привести этот код в виде кода, я повожусь сегодня вечерком. Сейчас не могу, работы много.

Не обязательно один раз. Яваскрипт тем и хорош, что вы можете менять содержимое блоков в динамике.

Вообще вам надо обработчик повесить на какое-либо событие, не связанное с загрузкой например на обработчик клика по какому нибудь элементу или например, по таймеру (но это уже совсем хардкор)

тогда по возникновению этого события будут меняться данные

Апд. Прошу прощения. не заметил код вверху страницы.

Добавьте обработчик на срабатывание таймера. Благо он у вас раз в секунду отщелкивает

1

P7

45

pq777pq

12 марта 2015, 10:08

#8

silicoid, Спасибо! Ещё бы разобраться как это внедрить ))

Хех... Всё уже сделал, последний нюанс не могу доделать, который и не даёт покоя ))

(осталось только секунды вшить в видео...)

Что в результате получается:

P7

45

pq777pq

12 марта 2015, 15:12

#9

silicoid:
pq777pq, а можете привести этот код в виде кода, я повожусь сегодня вечерком. Сейчас не могу, работы много.

Не обязательно один раз. Яваскрипт тем и хорош, что вы можете менять содержимое блоков в динамике.

Вообще вам надо обработчик повесить на какое-либо событие, не связанное с загрузкой например на обработчик клика по какому нибудь элементу или например, по таймеру (но это уже совсем хардкор)

тогда по возникновению этого события будут меняться данные

Апд. Прошу прощения. не заметил код вверху страницы.
Добавьте обработчик на срабатывание таймера. Благо он у вас раз в секунду отщелкивает

Попробовал сделать по кнопке, но то же ничего не выходит...

Если будет свободная минутка, помогите пожалуйста.

Вот полный код страницы:






<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title></title>



<!-- Разметка Open Graph чтобы отправлять картинку и описание при нажатии соц. кнопок -->

<meta property="og:image" content="http://leadinlife.info/wp-content/uploads/2015/02/Depositphotos_11180081_M-e13854911034881-200x140.jpg">

<meta name="description" content="">

<meta property="og:url" content=""/>





<link rel="stylesheet" href="hat/default.css" media="screen" />



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script type="text/javascript" src="http://bringtolife.ru/infobiz/vid/hat/jquery.form.js"></script>

<script type="text/javascript" src="http://bringtolife.ru/infobiz/vid/hat/application.js"></script>

<script language="JavaScript" type="text/javascript"> var my_hop_host = 'povaga.justclick.ru'; </script><br /><script language="JavaScript" type="text/javascript" src="http://povaga.justclick.ru/media/clicks/click.js"></script>



<!-- таймер и кнопка -->

<link href="http://bringtolife.ru/infobiz/vid/taimer/css/screen.css" rel="stylesheet">

<link rel="stylesheet" href="http://bringtolife.ru/infobiz/vid/taimer/css/flipclock.css">

<!-- таймер и кнопка -->



<style rel="stylesheet">

#footer {

  position: relative;

  margin-top: 70px;

}

</style>



<script language="JavaScript">

function createCookie(name,value,days) {

    if (days) {

        var date = new Date();

        date.setTime(date.getTime()+(days*24*60*60*1000));

        var expires = "; expires="+date.toGMTString();

    }

    else var expires = "";

    document.cookie = name+"="+value+expires+"; path=/";

}



function readCookie(name) {

    var nameEQ = name + "=";

    var ca = document.cookie.split(';');

    for(var i=0;i < ca.length;i++) {

        var c = ca;

        while (c.charAt(0)==' ') c = c.substring(1,c.length);

        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

    }

    return null;

}





t=readCookie('timer');

if (!t) 

	t=0;

	

function a(){

    document.getElementById('a').innerHTML = t;

    t++;

    createCookie('timer',t,365);

    setTimeout("a()", 1000);

}



</script>  

</head>



<body onload="a()" style="background: url('') center 0 no-repeat;">



<div align="center" style="margin:auto; margin-top:20px;

	width:850px; 

	background-color:#fff; 

	-moz-box-shadow:2px 2px 20px #ccc; 

    -webkit-box-shadow:2px 2px 20px #ccc;

    border:1px solid #ccc;

    padding:20px;">

			

					

<h1 style="color: #333;">

Бесплатный онлайн семинар - <br />

<font color="#FF0000">История...</font></h1>

			

<p align="center"><img src="http://leadinlife.info/wp-content/uploads/2015/03/speaker1.gif" height="35" /></p>

		

 	

<p style="text-align: center;">

<font color="#FF0000">Длительность Вещания:</font>



<div id="a"></div>



<div style=" height: 470px;">



<div style="z-index: 1">

<object width="500" height="309">

<param name="wmode" value="transparent"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>



<div id="video2"></div>



</object>

</div>

<div style="position: relative; bottom: 480px; z-index: 2; background: #000000; opacity: 0.1;  /*width: 500px;*/ height: 480px;">

</div>

</div>



<script type="text/javascript">

	document.getElementById('video2').innerHTML = '<iframe allowfullscreen="" frameborder="0" height="478" width="800" src="http://www.youtube.com/embed/oUzzDkh3_Zg?wmode=transparent&amp;rel=0&amp;autoplay=1&showinfo=0&controls=0&vq=hd720&start=' + $('#a').html() + '">';

</script>

</p>



<br />



<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div>



<br />



<a href="http://bringtolife.ru/infobiz/vid/versii.html" target="_blank" class="no-decor">

            <div class="btn">Да Денис, запишите меня »</div>

</a>



<p>&nbsp;</p>

<p>&nbsp;</p>



<!--чат-->

<div id="content-loading"></div>

<div id="container">

	

	<form method="post" action="http://bringtolife.ru/infobiz/vid/hat/submit.php" id="contact-us">

		<div id="contact-us-message"></div>

	     <div class="input-box">

			<label>Ваше сообщение:</label>

			<textarea name="message"></textarea>

		</div>

		<div class="submit">

			<input type="submit" value="Отправить" />

		</div>

	</form>

</div>

<!--чат-->



</div>



<script src="http://bringtolife.ru/infobiz/vid/taimer/js/cookie.js"></script>

<script src="http://bringtolife.ru/infobiz/vid/taimer/js/video.js"></script>



<!-- появление кнопки с задержкой. но куки нужно проверить -->



<script>

 $(document).ready(function() {



        if(!$.cookie('visited2')) { // Если это не возвращение посетитель, установки куки



            $.cookie('visited2', 'true', { expires: 30, path: '/' }); // Cookies expires in 30 days

            setTimeout(function () {

                $('.btn').slideDown(200);

            }, 4284000); //  Время, в миллисекундах, до тех пор, пока не появится кнопка



        } else {

            $('.btn').slideDown(200);

			

			 //  Если это возвращение посетитель, сразу выводить на экран кнопку

        }



    });

</script>

</body>

</html>

---------- Добавлено 12.03.2015 в 23:32 ----------

Да! Всё решено... Спасибо Даня Мапов. И всем всем за поддержку.

Вот, кстати решение:

Теперь у меня свой гугл хенгаут ))

Супер!

Реклама по Директу стоит Малоценная или маловостребованная страница Мистика какая-то со шрифтами

Google: E-E-A-T не является фактором ранжирования

Маркетинг для шоколадной фабрики. На 34% выше средний чек