QA@IT
«回答へ戻る

記入漏れ

26
        }
 
           function stopMarquee(){
+              document.getElementById("mybotan1").disabled=false;
+              document.getElementById("mybotan2").disabled=false;
               clearTimeout(tmr1ID);
               clearTimeout(tmr2ID);
               document.getElementById("mybotan1").value ="←";
               document.getElementById("mybotan2").value ="→";
-           document.getElementById("mybotan1").style.color="white";
-           document.getElementById("mybotan2").style.color="white";
+              document.getElementById("mybotan1").style.color="white";
+              document.getElementById("mybotan2").style.color="white";
               document.getElementById("myMarquee").stop();
        }
  //-->

animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。

<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=true;
           document.getElementById("mybotan2").disabled=false;
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           myMarquee.direction='left';
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=false;
           document.getElementById("mybotan2").disabled=true;
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           myMarquee.direction='right';
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              document.getElementById("mybotan1").disabled=false;
              document.getElementById("mybotan2").disabled=false;
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
              document.getElementById("mybotan1").style.color="white";
              document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>

 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。


```ここに言語を入力
<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=true;
           document.getElementById("mybotan2").disabled=false;
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           myMarquee.direction='left';
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=false;
           document.getElementById("mybotan2").disabled=true;
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           myMarquee.direction='right';
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              document.getElementById("mybotan1").disabled=false;
              document.getElementById("mybotan2").disabled=false;
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
              document.getElementById("mybotan1").style.color="white";
              document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>
 
 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
```

連打の問題が、解決しました。

26
 animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
 "点滅"させることは、以下のソースコードの通りにできました。
 *"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
-普通の『STOPボタン』にしました。また、矢印のボタンを連打すると、その連打した
-回数だけ反対側の矢印のボタンを押さないと、正常な状態に戻らない点が難点です。
+普通の『STOPボタン』にしました。
 
 
 ```ここに言語を入力
  var tmr1ID;
 
      function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
+           document.getElementById("mybotan1").disabled=true;
+           document.getElementById("mybotan2").disabled=false;
            document.getElementById("mybotan2").value ="→";
            clearTimeout(tmr2ID);
            document.getElementById("mybotan1").value = msgA[numA];
  var tmr2ID;
 
      function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
+           document.getElementById("mybotan1").disabled=false;
+           document.getElementById("mybotan2").disabled=true;
            document.getElementById("mybotan1").value ="←";
            clearTimeout(tmr1ID);
            document.getElementById("mybotan2").value = msgB[numB];

animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。

<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=true;
           document.getElementById("mybotan2").disabled=false;
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           myMarquee.direction='left';
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=false;
           document.getElementById("mybotan2").disabled=true;
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           myMarquee.direction='right';
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>

 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。


```ここに言語を入力
<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=true;
           document.getElementById("mybotan2").disabled=false;
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           myMarquee.direction='left';
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").disabled=false;
           document.getElementById("mybotan2").disabled=true;
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           myMarquee.direction='right';
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>
 
 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
```

コメントの追加と、一部書式の変更

26
 animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
 "点滅"させることは、以下のソースコードの通りにできました。
 *"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
-普通の『STOPボタン』にしました。
+普通の『STOPボタン』にしました。また、矢印のボタンを連打すると、その連打した
+回数だけ反対側の矢印のボタンを押さないと、正常な状態に戻らない点が難点です。
 
 
 ```ここに言語を入力
            tmr1ID = setTimeout('blinkmsg1()',1000);
            document.getElementById("mybotan1").style.color="red";
            document.getElementById("mybotan2").style.color="white";
+           myMarquee.direction='left';
            document.getElementById("myMarquee").start();
         }
 
            tmr2ID = setTimeout('blinkmsg2()',1000);
            document.getElementById("mybotan1").style.color="white";
            document.getElementById("mybotan2").style.color="red";
+           myMarquee.direction='right';
            document.getElementById("myMarquee").start();
        }
 
    <marquee id="myMarquee">ttttt</marquee>
 <br><br>
    <form name="myForm" style="text-align:center;">
-    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1(); myMarquee.direction='left';"
+    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
        style="color:white; font-weight:bold; background:black; text-align : center;">
     <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
-    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2(); myMarquee.direction='right';"
+    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
        style="color:white; font-weight:bold; background:black; text-align : center;">
    </form>
 

animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。また、矢印のボタンを連打すると、その連打した
回数だけ反対側の矢印のボタンを押さないと、正常な状態に戻らない点が難点です。

<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           myMarquee.direction='left';
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           myMarquee.direction='right';
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>

 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。また、矢印のボタンを連打すると、その連打した
回数だけ反対側の矢印のボタンを押さないと、正常な状態に戻らない点が難点です。


```ここに言語を入力
<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           myMarquee.direction='left';
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           myMarquee.direction='right';
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>
 
 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2();"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
```

余分な箇所を削除しました。

26
    msgA[1] = "\u0020\u0020\u0020";
    numA = 0;
  var tmr1ID;
-     function blinkmsgA(){
-                           blinkmsg1();
-                         }
 
      function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
            document.getElementById("mybotan2").value ="→";
    msgB[1] = "\u0020\u0020\u0020";
    numB = 0;
  var tmr2ID;
-     function blinkmsgB(){
-                           blinkmsg2();
-                         }
 
      function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
            document.getElementById("mybotan1").value ="←";
            document.getElementById("myMarquee").start();
        }
 
-
           function stopMarquee(){
               clearTimeout(tmr1ID);
               clearTimeout(tmr2ID);
    <marquee id="myMarquee">ttttt</marquee>
 <br><br>
    <form name="myForm" style="text-align:center;">
-    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsgA(); myMarquee.direction='left';"
+    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1(); myMarquee.direction='left';"
        style="color:white; font-weight:bold; background:black; text-align : center;">
     <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
-    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsgB(); myMarquee.direction='right';"
+    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2(); myMarquee.direction='right';"
        style="color:white; font-weight:bold; background:black; text-align : center;">
    </form>
 

animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。

<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>

 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1(); myMarquee.direction='left';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2(); myMarquee.direction='right';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。


```ここに言語を入力
<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           document.getElementById("myMarquee").start();
       }

          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>
 
 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsg1(); myMarquee.direction='left';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsg2(); myMarquee.direction='right';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
```

回答を投稿

animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。

<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;
     function blinkmsgA(){
                           blinkmsg1();
                         }

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;
     function blinkmsgB(){
                           blinkmsg2();
                         }

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           document.getElementById("myMarquee").start();
       }


          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>

 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsgA(); myMarquee.direction='left';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsgB(); myMarquee.direction='right';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
animationスタイルはできませんでしたが、JAVASCRIPTを使って方向を指示する矢印を
"点滅"させることは、以下のソースコードの通りにできました。
*"stop"と"start"を切り替える『トグルボタン』ではうまく行きませんでしたので、
普通の『STOPボタン』にしました。


```ここに言語を入力
<html>
 <head>
   <title>ボタンのラベルを点滅させます</title>

 <script language="JavaScript">
 <!--

   msgA = new Array();
   msgA[0] = "←";
   msgA[1] = "\u0020\u0020\u0020";
   numA = 0;
 var tmr1ID;
     function blinkmsgA(){
                           blinkmsg1();
                         }

     function blinkmsg1(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan2").value ="→";
           clearTimeout(tmr2ID);
           document.getElementById("mybotan1").value = msgA[numA];
           numA ^= 1;
           tmr1ID = setTimeout('blinkmsg1()',1000);
           document.getElementById("mybotan1").style.color="red";
           document.getElementById("mybotan2").style.color="white";
           document.getElementById("myMarquee").start();
        }

   msgB = new Array();
   msgB[0] = "→";
   msgB[1] = "\u0020\u0020\u0020";
   numB = 0;
 var tmr2ID;
     function blinkmsgB(){
                           blinkmsg2();
                         }

     function blinkmsg2(){ //ボタンのラベル(文字)を点滅させます。
           document.getElementById("mybotan1").value ="←";
           clearTimeout(tmr1ID);
           document.getElementById("mybotan2").value = msgB[numB];
           numB ^= 1;
           tmr2ID = setTimeout('blinkmsg2()',1000);
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="red";
           document.getElementById("myMarquee").start();
       }


          function stopMarquee(){
              clearTimeout(tmr1ID);
              clearTimeout(tmr2ID);
              document.getElementById("mybotan1").value ="←";
              document.getElementById("mybotan2").value ="→";
           document.getElementById("mybotan1").style.color="white";
           document.getElementById("mybotan2").style.color="white";
              document.getElementById("myMarquee").stop();
       }
 //-->
 </script>
 </head>
 
 <body>
   <marquee id="myMarquee">ttttt</marquee>
<br><br>
   <form name="myForm" style="text-align:center;">
    <input name="blinkA" type="button" id="mybotan1" value="←" onclick="blinkmsgA(); myMarquee.direction='left';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
    <input type="button" name="stop" value=" STOP " onClick="stopMarquee()">
    <input name="blinkB"  type="button" id="mybotan2" value="→" onclick="blinkmsgB(); myMarquee.direction='right';"
       style="color:white; font-weight:bold; background:black; text-align : center;">
   </form>

 <script language="JavaScript">
 <!--
  setTimeout('blinkmsg1()',1000);
 //-->
 </script>

   </body>
 </html>
```