URL с текущим временем

alexmayak · 01.07.2012, 09:31

Добрый день! Имеется динамически изменяющийся url-адрес картинки, в котором присутствуют реальные дата и время, например: http://сайт.org/cam_jpg//12070110041300.jpg (12-год,07-месяц,01-число,100413-время).
Как сформировать в скрипте своего сайта подобный url, чтобы в него подставлялись текущие на момент работы дата и время?

Alan2006 · 02.07.2012, 11:49

Эм...
Что-то типа такого:

Код:

var URL = 'http://сайт.org/cam_jpg//';
var cur_date = new Date;
URL += String(cur_date.getFullYear()).substr(2,2) + String(cur_date.getMonth()) + String(cur_date.getDate()) + String(cur_date.getHours()) + String(cur_date.getMinutes()) + String(cur_date.getSeconds());
URL += ".jpg";
alert(URL);

alexmayak · 12.07.2012, 07:07

Спасибо! В продолжении темы -- подскажите, как вывести картинку на экран? Казалось бы, простые способы, но не работают. Один вариант -- выводится и раз в 5 сек обновляется значение динамическjго URL картинки address, но в следующей строке она же, подставленная в оператор вывода <img src> результата не даёт, хотя если механически скопировать address в адресную строку браузера, то картинка открывается:

Код:

<html>
<head>
<script type="text/javascript">
<!-- 
function mypicture(){
...скрипт получения URL из даты...
URL += String(cur_date.getFullYear()).substr(2,2) + String(MH) + String(DD) + String(HR) + String(MN) + String(SC) + "00.jpg";
address.innerHTML= URL
setTimeout("mypicture()",5000)
}
-->
</script>
</head>
<body onLoad="mypicture()">
<div id="address" style="position:absolute;left:10px;top:10px"></div>
<img src="address" width="560" height="380">
</body>
</html>

Другой вариант -- вывод непосредственно из скрипта. В этом случае картинка выводится правильно, но нет её периодического обновления:

Код:

<html>
<head>
<script type="text/javascript">
<!-- 
function mypicture(){
...скрипт получения URL из даты...
URL += String(cur_date.getFullYear()).substr(2,2) + String(MH) + String(DD) + String(HR) + String(MN) + String(SC) + "00.jpg";
document.write('<img src="' + URL + '" width="560" height="380">');
setTimeout("mypicture()",5000)
}
-->
</script>
</head>
<body onLoad="mypicture()">
</body>
</html>

Как быть?
За несколько дней по учебникам освоить JavaScript и HTML невозможно, поэтому не судите строго за возможные ошибки.

Alan2006 · 12.07.2012, 10:10

Слабоват я в нативном js... Но давай попробуем.

Цитата:

Сообщение от alexmayak

Код:

function mypicture(){ ...скрипт получения URL из даты... URL += String(cur_date.getFullYear()).substr(2,2) + String(MH) + String(DD) + String(HR) + String(MN) + String(SC) + "00.jpg"; address.innerHTML= URL setTimeout("mypicture()",5000) }

Вот тут вообще ничего не понял.
1. Где и как объявляется и инициализируется переменная address? На сколько я понимаю, это должно происходить так:

Код:

var address = document.getElementById("address");

2. Зачем пишешь в innerHTML адреса сразу урл?
Может быть всё-таки так правильнее:

Код:

address.innerHTML= '<img src="' + URL + '" width="560" height="380">'; //не забываем разделители

И выкинуть из хтмл кода тогда тэг img. Он сам допишется куда надо.

Цитата:

Сообщение от alexmayak


	Другой вариант -- вывод непосредственно из скрипта. В этом случае картинка выводится правильно, но нет её периодического обновления:

У меня картинка выводится регулярно. Только новая не обновляется а дописывается в тело после старой.
Попробуй вот так:

Код:

function mypicture(){
    var URL = "";//тут генеришь урл
    //ищем существующую картинку
    var exist_picture = document.getElementById("picture");
    if (exist_picture){
        //есть что удалять
        exist_picture.parentNode.removeChild(exist_picture);
    }
    //Загружаем
    document.write('<img src="' + URL + '" width="560" height="380" id="picture">');
    setTimeout("mypicture()",5000);
}

У меня сия конструкция работает.

-----
Но самое правильное, имхо, вот так:

Код:

<html>
<head>
<script type="text/javascript">

function mypicture(){
//...скрипт получения URL из даты...
//до сюда всё на твоей совести оставляю.
var pictuture = document.getElementById("picture");
pictuture.src = URL;
setTimeout("mypicture()", 5000);
}
</script>
</head>
<body onLoad="mypicture()">
<img src="" width="560" height="380" id="picture" />
</body>
</html>

alexmayak · 12.07.2012, 19:36

Начну по порядку:

Цитата:

Сообщение от Alan2006


	Где и как объявляется и инициализируется переменная address?

насколько я понял из описания JavaScript, создать переменную можно как ключевым словом var, так и оператором присвоения "=", а также их комбинацией. Следовательно, можно сразу присвоить нужное значение. Или нет?

Цитата:

Сообщение от Alan2006


	У меня сия конструкция работает.

оказывается, обновляться не хочет под IE9 и Mozilla, а под Chrome проверил -- действительно, работает!

Цитата:

Сообщение от Alan2006


	Но самое правильное, имхо, вот так:

Этому варианту -- респект! Корректно пашет под всеми браузерами! К сожалению, цикличность обновлений, наверно, невозможно задать без оператора <body onLoad="mypicture()">, но при встраивании кода "онлайн-конструкторы сайтов", предоставляющие свободный хостинг, не дают доступ ко всему HTML-коду страницы и устроены так, чтобы операторы типа <head> и <body> не импортировались со скриптами, т.к. в шаблонах страниц они уже фиксированно присутствуют. Поэтому, если создать из итогового кода простенький файл с html-расширением и открывать его браузером, то всё теперь функционирует прекрасно! Но если этот же код вставить как фрагмент в конструктор сайта Jimdo, то секвестируется пара тэгов и, естественно, теряется работоспособность (при этом другие вставленные скрипты, например, потокового видео или счётчика посещений, исполняются без проблем). Интересно, можно ли организовать обращение к этому скрипту получения URL каким-нибудь иным способом, может быть, из другого Javaскрипта, чтобы обойти данное досадное ограничение?
И, конечно, огромное спасибо за помощь!!

Alan2006 · 13.07.2012, 14:03

Цитата:

Сообщение от alexmayak


	насколько я понял из описания JavaScript, создать переменную можно как ключевым словом var, так и оператором присвоения "=", а также их комбинацией. Следовательно, можно сразу присвоить нужное значение. Или нет?

Ну ты то обращаешься не к переменной а к её свойству. Интерпретатор должен угадать какому классу должен принадлежать объект?

Цитата:

Сообщение от alexmayak


	оказывается, обновляться не хочет под IE9 и Mozilla, а под Chrome проверил -- действительно, работает!

Хм, а действительно я под хромом сижу, под другими не смотрел...

Цитата:

Сообщение от alexmayak


	Поэтому, если создать из итогового кода простенький файл с html-расширением и открывать его браузером, то всё теперь функционирует прекрасно! Но если этот же код вставить как фрагмент в конструктор сайта Jimdo, то секвестируется пара тэгов и, естественно, теряется работоспособность (при этом другие вставленные скрипты, например, потокового видео или счётчика посещений, исполняются без проблем). Интересно, можно ли организовать обращение к этому скрипту получения URL каким-нибудь иным способом, может быть, из другого Javaскрипта, чтобы обойти данное досадное ограничение? И, конечно, огромное спасибо за помощь!!

Мало что понял.
Имеется ввиду что нужно тоже самое сделать без редактирования открывающего тега body?
Как-то так попробуй:

Код:

<html>
<head>
</head>
<body>
<script type="text/javascript">

function mypicture(){
//...скрипт получения URL из даты...
//до сюда всё на твоей совести оставляю.
var pictuture = document.getElementById("picture");
pictuture.src = URL;
setTimeout("mypicture()", 5000);
}
window.onload = mypicture();

</script>
<img src="" width="560" height="380" id="picture" />
</body>
</html>

alexmayak · 13.07.2012, 18:33

Да, имеется ввиду, что при встраивании стороннего кода на свой Jimdo-сайт (как и на другие готовые шаблоны), тэги <body> удаляются, а, скажем Javascript пропускается без изменений. То есть встраиваемый скрипт работает, пока он "автономен", но как только обрамляется атрибутами вызываемой функции

Код:

function mypicture(){........}

и, соответственно, появляется внешний (по отношению к скрипту) HTML-вызов

Код:

<body onLoad="mypicture()">

, то работоспособность теряется, потому что оператор <body onload> и его операнд удаляется при попытке сохранить сторонний код внутренним редактором конструктора сайтов. Иными словами, что бы я не оформил тегами <body>, они в окончательный код страницы не попадают, там уже расставлены свои, но то, что обрамлено <script>....</script>, вставляется и работает беспрекословно.
Один из напрашиваемых выходов - вызов функции mypicture() из другого скрипта, типа, чтобы картинка периодически обновлялась средствами самого Javascript, т.е.

Код:

window.onload = mypicture();

-- мысль в верном направлении, но к сожалению, при испытании не дающая положительный результат ни на одном из браузеров.

Alan2006 · 13.07.2012, 21:25

alexmayak, я же говорю, в нативном жс не силён...

Код:

window.onload = function(){
mypicture();
}

Вот так. Проверил в ие, опере и хроме.

alexmayak · 15.07.2012, 12:58

А так подействовало!! (важный нюанс для тех, кто пользуется конструктором сайтов типа Jimdo -- пришлось вставлять отдельными блоками Java-скрипт

Код:

<script type="text/javascript">
function mypicture(){........} 
window.onload = function(){
mypicture();
}
</script>

и

Код:

<img src="" width="560" height="380" id="picture" />

; при вставке слитно, единым куском работать отказывалось)

To Alan2006: большое спасибо за помощь! А то стал щупать другое решение: вот интересно -- возможно ли из скрипта создать файл с соответствующим расширением, закачать его в корень сайта и обращаться к нему за исполнением из HTML-кода текущей страницы (по аналогии с "батничком")?

Alan2006 · 16.07.2012, 10:16

Цитата:

Сообщение от alexmayak


	To Alan2006: большое спасибо за помощь! А то стал щупать другое решение: вот интересно -- возможно ли из скрипта создать файл с соответствующим расширением, закачать его в корень сайта и обращаться к нему за исполнением из HTML-кода текущей страницы (по аналогии с "батничком")?

Не совсем понял терминологию. Но вроде бы возможно. Вопрос в том, что это дало бы.

01.07.2012, 09:31	#1
alexmayak Неактивный пользователь Пол: Регистрация: 05.01.2009 Сообщений: 19 Репутация: 0	URL с текущим временем Добрый день! Имеется динамически изменяющийся url-адрес картинки, в котором присутствуют реальные дата и время, например: http://сайт.org/cam_jpg//12070110041300.jpg (12-год,07-месяц,01-число,100413-время). Как сформировать в скрипте своего сайта подобный url, чтобы в него подставлялись текущие на момент работы дата и время?

02.07.2012, 11:49	#2
Alan2006 Постоялец Пол: Регистрация: 02.07.2009 Сообщений: 393 Репутация: 79	Re: URL с текущим временем Эм... Что-то типа такого: Код: var URL = 'http://сайт.org/cam_jpg//'; var cur_date = new Date; URL += String(cur_date.getFullYear()).substr(2,2) + String(cur_date.getMonth()) + String(cur_date.getDate()) + String(cur_date.getHours()) + String(cur_date.getMinutes()) + String(cur_date.getSeconds()); URL += ".jpg"; alert(URL); __________________ Каждый человек, которому вы ответили на форуме "гугл в помощь" - потенциальный "возвращенец" в винды. (ц)

12.07.2012, 07:07	#3
alexmayak Неактивный пользователь Пол: Регистрация: 05.01.2009 Сообщений: 19 Репутация: 0	Re: URL с текущим временем Спасибо! В продолжении темы -- подскажите, как вывести картинку на экран? Казалось бы, простые способы, но не работают. Один вариант -- выводится и раз в 5 сек обновляется значение динамическjго URL картинки address, но в следующей строке она же, подставленная в оператор вывода <img src> результата не даёт, хотя если механически скопировать address в адресную строку браузера, то картинка открывается: Код: <html> <head> <script type="text/javascript"> <!-- function mypicture(){ ...скрипт получения URL из даты... URL += String(cur_date.getFullYear()).substr(2,2) + String(MH) + String(DD) + String(HR) + String(MN) + String(SC) + "00.jpg"; address.innerHTML= URL setTimeout("mypicture()",5000) } --> </script> </head> <body onLoad="mypicture()"> <div id="address" style="position:absolute;left:10px;top:10px"></div> <img src="address" width="560" height="380"> </body> </html> Другой вариант -- вывод непосредственно из скрипта. В этом случае картинка выводится правильно, но нет её периодического обновления: Код: <html> <head> <script type="text/javascript"> <!-- function mypicture(){ ...скрипт получения URL из даты... URL += String(cur_date.getFullYear()).substr(2,2) + String(MH) + String(DD) + String(HR) + String(MN) + String(SC) + "00.jpg"; document.write('<img src="' + URL + '" width="560" height="380">'); setTimeout("mypicture()",5000) } --> </script> </head> <body onLoad="mypicture()"> </body> </html> Как быть? За несколько дней по учебникам освоить JavaScript и HTML невозможно, поэтому не судите строго за возможные ошибки.

13.07.2012, 18:33	#7
alexmayak Неактивный пользователь Пол: Регистрация: 05.01.2009 Сообщений: 19 Репутация: 0	Re: URL с текущим временем Да, имеется ввиду, что при встраивании стороннего кода на свой Jimdo-сайт (как и на другие готовые шаблоны), тэги <body> удаляются, а, скажем Javascript пропускается без изменений. То есть встраиваемый скрипт работает, пока он "автономен", но как только обрамляется атрибутами вызываемой функции Код: function mypicture(){........} и, соответственно, появляется внешний (по отношению к скрипту) HTML-вызов Код: <body onLoad="mypicture()"> , то работоспособность теряется, потому что оператор <body onload> и его операнд удаляется при попытке сохранить сторонний код внутренним редактором конструктора сайтов. Иными словами, что бы я не оформил тегами <body>, они в окончательный код страницы не попадают, там уже расставлены свои, но то, что обрамлено <script>....</script>, вставляется и работает беспрекословно. Один из напрашиваемых выходов - вызов функции mypicture() из другого скрипта, типа, чтобы картинка периодически обновлялась средствами самого Javascript, т.е. Код: window.onload = mypicture(); -- мысль в верном направлении, но к сожалению, при испытании не дающая положительный результат ни на одном из браузеров. Последний раз редактировалось alexmayak; 13.07.2012 в 18:36.. Причина: уточнение

13.07.2012, 21:25	#8
Alan2006 Постоялец Пол: Регистрация: 02.07.2009 Сообщений: 393 Репутация: 79	Re: URL с текущим временем alexmayak, я же говорю, в нативном жс не силён... Код: window.onload = function(){ mypicture(); } Вот так. Проверил в ие, опере и хроме. __________________ Каждый человек, которому вы ответили на форуме "гугл в помощь" - потенциальный "возвращенец" в винды. (ц)

15.07.2012, 12:58	#9
alexmayak Неактивный пользователь Пол: Регистрация: 05.01.2009 Сообщений: 19 Репутация: 0	Re: URL с текущим временем А так подействовало!! (важный нюанс для тех, кто пользуется конструктором сайтов типа Jimdo -- пришлось вставлять отдельными блоками Java-скрипт Код: <script type="text/javascript"> function mypicture(){........} window.onload = function(){ mypicture(); } </script> и Код: <img src="" width="560" height="380" id="picture" /> ; при вставке слитно, единым куском работать отказывалось) To Alan2006: большое спасибо за помощь! А то стал щупать другое решение: вот интересно -- возможно ли из скрипта создать файл с соответствующим расширением, закачать его в корень сайта и обращаться к нему за исполнением из HTML-кода текущей страницы (по аналогии с "батничком")?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ноутбук с большим временем автономной работы	JoNIK666	Ноутбуки, Нетбуки, Планшеты	7	06.07.2010 19:29
Проблема с датой и временем !	brz	Windows XP	1	13.01.2009 11:48
Проблема с системным временем в Win98	greyish	Архив	5	10.07.2007 21:53