스크립트는 더 이상 페이지

를 업데이트하지 I 임의의 위치와 업데이트합니다 매 10 초마다에서 사진을 표시하는 다음과 같은 HTML 페이지가 있습니다스크립트는 더 이상 페이지

<!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 태그를 업데이트 :

<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>

문제를 그렇게함으로써 이미지가 임의의 위치에 표시되지 않습니다 것입니다. 나는 무엇을 놓치고 잘하면이 문제를 어떻게 해결할 수 있습니까? 크롬에 콘솔의 일부를 추가했습니다.

도움을 주셔서 감사합니다.

출처

2016-10-23 Laurent

자바 스크립트 콘솔을 확인 했습니까? –

어떻게해야합니까? – Laurent

크롬에서 페이지를 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 그런 다음 열리는 창에서 두 번째 탭 ("콘솔"이라는 이름)으로 이동하십시오. Firefox의 경우 요소 검사> 콘솔입니다. 귀하의 페이지에 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>

와

INIT에서 다음

<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

완벽합니다. 빠른 도움을 주셔서 감사합니다. 최고의 소원 – Laurent

스크립트는 더 이상 페이지

답변

관련 문제