スクリプトは、もはや

ページを更新し、私はランダムな位置に画像を表示する次の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>

これは非常にうまく機能しません。さて、私は日付と時刻を表示できるように2つの '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>

問題は、画像がランダムな位置に表示されることはありませんということです。どのように私は行方不明であり、うまくいけば私は問題を解決することができますか？私はChromeのコンソールの抽出を追加しました。

ありがとうございました。

出典

2016-10-23 Laurent

JavaScriptコンソールを確認しましたか？ –

どうすればいいですか？ – Laurent

Chromeでは、ページを右クリックして[検査]を選択します。続いて開いているウィンドウで2番目のタブ（「コンソール」という名前）に移動します。 Firefox上では、要素>コンソールの検査です。あなたのページにJavaScriptのエラーが表示されます。 –

INITにおけるその後

<div id="time"> 

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

を交換0

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

答えて

関連する問題