※ ChatGPTを利用し、要約された質問です(原文:アラートとストップウォッチを合体させたいのですが)
ストップウォッチとアラートを合体させる方法
このQ&Aのポイント
ストップウォッチとアラート機能を同時に使用したい場合は、以下の手順で実装できます。
1. ストップウォッチのスタートボタンをクリックすると、ストップウォッチが始動します。
2. ストップウォッチが10分経過すると、アラートが表示されます。
どのようにしたらいいのか分かりません。
ストップウォッチ.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です
よろしくお願いします。
お礼
お早い回答、ありがとうございました。 さっそく試したところ、できました!! ありがとうございます。 また、お世話になるかもしれませんが、そのときにはよろしくお願いします。