Суть скрипта - через определенное время на сайте всплывают сообщения такого типа:
Новый заказ на сайте
Клиент только что оформил заказ на 14 370 руб.
Доставка 26/09/16 в 16:00
Я не силен в js, помогите допилить скрипт
Есть скрипт
$(document).ready(function(){
var i = 0;
function yved(){
i=1;
$('.yved:nth-child('+i+')').fadeIn(500).delay(5000).fadeOut(500);//В этой строчке в мс 500 - время анимации появления, 3000 - время задержки, 500 - время затухания уведомления соответсвенно
}
setTimeout(function(){
setInterval(
function(){
i=i+1;
if(i>1) i=1;//10 - количество уведомлений
$('.yved:nth-child('+i+')').fadeIn(500).delay(5000).fadeOut(500);//В этой строчке в мс 500 - время анимации появления, 3000 - время задержки, 500 - время затухания уведомления соответсвенно
},18000);//25000 - задержка в мс меду показами уведомлений
yved();
},6000);//10000 - задержка в мс перед показом первого уведомления
});
вот php - здесь формирую переменные
$future_date_arr = explode("-", date("y-m-j",strtotime("+1 days")));
$date = $future_date_arr[2].'/'.$future_date_arr[1].'/'.$future_date_arr[0];
$number = round(rand(5000, 10000), -1);
$summa = number_format($number, 0, '', ' ') . ' руб.';
$time = rand(8, 20) . ':00';
вот html
<style>
.yved{position: fixed; right: 20px; top: 10px; color: #000; padding: 10px 15px; font-size: 15px; box-shadow: 0 0 3px 1px #bbb; border-radius: 5px; line-height: 20px; background-color: #ffffff; display: none; font-weight: 300; z-index: 9999999999;}
.yved .yvedt-title{font-weight: 700; display: block;}
</style>
<div class="yvedw">
<div class="yved yvedf1">
<div class="yvedvt">
<div class="yvedt">
<span class="yvedt-title">Новый заказ на сайте</span>
<p>Клиент только что оформил заказ на <?php echo $summa;?></p>
<p>Доставка <?php echo $date;?> в <?php echo $time;?></p>
</div>
</div>
</div>
</div>
случайные числа формируются в переменных php, в следствии этого скрипт работает только при обновление страницы, как сделать, без обновления страницы подставлялись разные числа?