html内でのjavascriptの挙動が、、、

フォーラム(掲示板)ルール
フォーラム(掲示板)ルールはこちら  ※コードを貼り付ける場合は [code][/code] で囲って下さい。詳しくはこちら
あいいー

html内でのjavascriptの挙動が、、、

#1

投稿記事 by あいいー » 12年前

コード:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="experiment">実験</div>
<script type="text/javascript">
var Count = parseInt(0);
function f(){

var target;
// <div id="element名"> オブジェクトを取得します。
target = document.getElementById('experiment');

Width = target.clientWidth;
Height = target.clientHeight;
// オブジェクトの座標情報を変更します。
target.style.left = parseInt(Count) + Math.round((window.innerWidth / 2)) - Math.round(Width/2) + 'px';
target.style.top = 10 + '%';
Count = parseInt(Count + 1);
document.write(parseInt(Count));
}
function starttimer(){
setInterval("f()",1000);
}
f();
starttimer();
</script>
</body>
</html>
上記のソースでやりたい処理が、一定時間ごとにボックスの位置をずらすといった内容なのですが、現状では一回表示されて、その後消えてしまいます。
どうか改善法をご教授ください

アバター
みけCAT
記事: 6734
登録日時: 15年前
住所: 千葉県
連絡を取る:

Re: html内でのjavascriptの挙動が、、、

#2

投稿記事 by みけCAT » 12年前

とりあえず、
document.write(parseInt(Count));
を消して、
<div id="experiment" style="position:absolute;">実験</div>
の赤字部分を追加したら動くようになりました。
オフトピック
個人的に、doctype宣言が
<!doctype html>
ではないことと、metaタグによる文字コードの宣言がないことが気になりました。
複雑な問題?マシンの性能を上げてOpenMPで殴ればいい!(死亡フラグ)

あいいー

Re: html内でのjavascriptの挙動が、、、

#3

投稿記事 by あいいー » 12年前

みけCATさん、助かりました、ありがとうございました!
>>個人的に、doctype宣言が
>><!doctype html>
>>ではないことと、metaタグによる文字コードの宣言がないことが気になりました。
この部分は作成中のページに乗せるためのものだったので必要ないものとして処理していました。

閉鎖

“C言語何でも質問掲示板” へ戻る