скрипт больше не обновляя страницу

У меня есть следующий HTML-страницу, которая отображает изображение в случайном месте и обновлений каждые 10 секунд:скрипт больше не обновляя страницу

<!DOCTYPE html> 
<html> 
<head> 
<title>Domoos | Screen saver screen</title> 
<meta http-equiv="refresh" content="10"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> 
<meta http-equiv="pragma" content="no-cache"> 
<link rel="stylesheet" type="text/css" href="css/mystyle_saver.css" /> 
<script type="text/javascript" src="scripts/date_time.js"></script> 
<script type="text/javascript"> 
    function init() { 
    var xmin = 0; 
    var xmax = 890; 
    var ymin = 0; 
    var ymax = 430; 
    var xCoord = Math.floor((Math.random()*xmax)+xmin); 
    var yCoord = Math.floor((Math.random()*ymax)+ymin); 
    var xCoordStr = xCoord.toString() + "px"; 
    var yCoordStr = yCoord.toString() + "px"; 
    document.getElementById("randomPlacement").style.left = xCoordStr; 
    document.getElementById("randomPlacement").style.top = yCoordStr; 
} 
</script> 
</head> 
<body onload="init();"> 
<div style="position:absolute" id="randomPlacement"> 
<p><a href="index.html"><img src="assets/pictures/texte_sortie_veille.png" alt ="" style="width:60px;height:60px;"></a></p> 
</div> 
</body> 
</html>

Он работает очень хорошо. Теперь я хотел бы добавить два тега div, чтобы я мог отображать дату и время. Итак, я обновил тег тела следующим образом (остальная часть страницы остается без изменений):

<body onload="init();"> 
<div style="position:absolute" id="randomPlacement"> 
<p><a href="index.html"><img src="assets/pictures/texte_sortie_veille.png" alt ="" style="width:60px;height:60px;"></a></p> 
</div> 
<div id="date"> 
    <script type="text/javascript">window.onload = getDate('date');</script> 
</div> 
<div id="time"> 
    <script type="text/javascript">window.onload = getTime('time');</script> 
</div> 
</body>

проблемы, делая так, что изображение никогда не отображаются в случайном месте. Что мне не хватает и, надеюсь, как я могу решить проблему? Я добавил экстракт консоли в Chrome.

Большое спасибо за помощь.

источник

2016-10-23 Laurent

Вы проверили консоль JavaScript? –

На что я должен смотреть? – Laurent

В Chrome нажмите правой кнопкой мыши на странице и выберите «Осмотреть». Затем перейдите ко второй вкладке (называемой «Консоль») в открывшемся окне. В Firefox это Inspect Element> Console. Он покажет ошибки JavaScript на вашей странице. –

заменить

<div id="date"> 
    <script type="text/javascript">window.onload = getDate('date');</script> 
</div> 
<div id="time"> 
    <script type="text/javascript">window.onload = getTime('time');</script> 
</div>

<div id="time"> 

</div>

то в инициализации()

function init() { 
     var xmin = 0; 
     var xmax = 890; 
     var ymin = 0; 
     var ymax = 430; 
     var xCoord = Math.floor((Math.random()*xmax)+xmin); 
     var yCoord = Math.floor((Math.random()*ymax)+ymin); 
     var xCoordStr = xCoord.toString() + "px"; 
     var yCoordStr = yCoord.toString() + "px"; 
     document.getElementById("randomPlacement").style.left = xCoordStr; 
     document.getElementById("randomPlacement").style.top = yCoordStr; 
     document.getElementById("date").innerhtml=getDate('date'); 
document.getElementById("time").innerhtml=gettime('time'); 
    }

источник

2016-10-23 16:08:03 saiyan

Perfect. Одна тысяча спасибо за вашу быструю помощь. С наилучшими пожеланиями – Laurent

скрипт больше не обновляя страницу

ответ

Смежные вопросы