みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

アラートとストップウォッチを合体させたいのですが

どのようにしたらいいのか分かりません。
ストップウォッチ.htm
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta content="text/html; charset=Shift_JIS" http-equiv=Content-Type>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>ストップウォッチ</title>

<script type="text/JavaScript">
<!--
var a, b;
var min, sec, cen, xmin, xsec, xcen;
var hajime, ima, interval;
var teishi;
xmin=0;
xsec=0;
xcen=0;
teishi=1;
function dostart(){
if (teishi==1){
hajime=new Date();
a=hajime.getTime()-(xmin*60000+xsec*1000+xcen*10);
count();
teishi=0;
}
}
function count(){
interval=setTimeout("count()",10);
ima=new Date();
b=ima.getTime();
min=Math.floor((b-a)/60000);
sec=Math.floor(((b-a)%60000)/1000);
cen=Math.floor((((b-a)%60000)%1000)/10);
document.forms[0].elements[0].value=min;
document.forms[0].elements[1].value=sec;
document.forms[0].elements[2].value=cen;
}
function dostop(x){
clearTimeout(interval);
xmin=eval(x.fun.value);
xsec=eval(x.byo.value);
xcen=eval(x.ika.value);
teishi=1;
}
function doclear(){
clearTimeout(interval);
xmin=0;
xsec=0;
xcen=0;
document.forms[0].elements[0].value="0";
document.forms[0].elements[1].value="0";
document.forms[0].elements[2].value="0";
teishi=1;
}
function timeout(){
alert("10分経過しました。チネ!!");
}
//-->
</script>

</head>


<body bgcolor="#7fffd4" text="#000000" link="#0000ff" alink="#ff00ff" vlink="#00ffff">

<form action="this" method="post">
ストップウォッチ:
<input size=3 name="fun" value="0">分 <input size=2 name="byo" value="0">秒 <input

size=2 name="ika" value="0">
<br><br>
<input type="button" value="スタート" onClick="dostart()" onKeyPress="dostart()">
<input type="button" value="ストップ" onClick="dostop(this.form)" onKeyPress="dostop

(this.form)">
<input type="button" value="リセット" onClick="doclear()" onKeyPress="doclear()">
</form>

</body>
</html>

アラート.htm
<html>
<head><title>テスト</title></head>
<body onload=setTimeout('msgdsp()',600000)>
<script language="JavaScript">
<!--
function timeout(){
alert("10分経過しました。");
}
//-->
</script>

<input type=button value="スタート" onClick='setTimeout( "timeout()", 600000 )'><br><br>
</body>
</html>

・・・とそれぞれ作成しています。
ストップウォッチで「スタート」ボタンをクリックすると、ストップウォッチが走り、10分に差し掛かったところでアラートで「10分経過しました」と表示させたいのです。
どのようにすれば、2つの機能を同時に動かすことができるのか、ご教授いただきたいです。
環境はWindows XP、Internet Explorer7.0です
よろしくお願いします。

投稿日時 - 2011-06-09 16:25:47

QNo.6797459

困ってます

質問者が選んだベストアンサー

function count(){
(省略)
document.forms[0].elements[2].value=cen;
// 10分でアラート
if(b - a > 10 * 60 * 1000){
alert("10分経過しました。○ネ!!");
clearTimeout(interval);return false;
}
}

でどうでしょう。

投稿日時 - 2011-06-09 18:07:50

お礼

お早い回答、ありがとうございました。
さっそく試したところ、できました!!
ありがとうございます。
また、お世話になるかもしれませんが、そのときにはよろしくお願いします。

投稿日時 - 2011-06-10 09:13:45

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)