- ベストアンサー
Javascriptストップウォッチのソースコードの解読
- Javascriptを勉強するため、ストップウォッチのソースコードを解読中
- ソースコードの３行目につまづいてしまったので教えてほしい
- ３行目の文がどのような働きをするか知りたい
- ramuEight
- お礼率100% (5/5)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- JavaScriptで数値をimgに設定する
JavaScriptで 下記のソースにてランダムで出した数値を htmlの width="" height=""に 設定するには どのようにすればよいのでしょうか？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <script> var width = Math.floor(Math.random() * 400) + 1; var height = Math.floor(Math.random() * 400) + 1; </script> <img src="hoge.jpg" alt="" width="" height=""> </body> </html>
- ベストアンサー
- JavaScript
- お願いしますjavascriptです
javascript 初心者なのですが、どうしてもわからないため、 ご教授お願いたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>おみくじ</title> </head> <body> <script type="text/javascript"> <!-- //0~4の乱数を作る //0：大吉, 1：中吉, 2:小吉 ,3:吉, 4:凶 var rnd = Math.floor(Math.random() * 5) //おみくじの判定 switch (rnd){ case 0: var fortune = "大吉"; break; case 1: var fortune = "中吉"; break; case 2: var fortune = "小吉"; break; case 3: var fortune = "吉"; break; default: var fortune = "凶"; break; } //おみくじの表示 document.write("今日の運勢: " + fortune + "<br />"); //金運の表示 document.write("金運: "); var money = Math.floor(Math.random() * 5) + 1; for (var i = 0; i < money; i++) { document.write("(ダイヤ)"); } document.write("<br>"); //恋愛運の表示 document.write("恋愛運: "); var love = Math.floor(Math.random() * 5) + 1; for (var i = 0; i < love; i++) { document.write("♥"); } document.write("<br>"); //健康運の表示 document.write("健康運: "); var health = Math.floor(Math.random() * 5) + 1; var i = 0; while (i < health){ document.write("(クラブ)"); i++; } document.write("<br>"); //--> </script> </body> </html> このソースに、分岐だと考えますが、 大吉が出た時は、金運、恋愛運、などのマークが3つ以上に設定、逆に 今日ならば各マークが3つ以下に設定するには Javascriptでどういう風に記述すればよいでしょうか。
- 締切済み
- JavaScript
- javascriptで重複しないように値を取得したい
題のとおり、javascriptで重複しないように値を取得したいと思っております。 以下ソースの一部です。 for (var v = 0; v < 5; v++) { var i = 0; var a = Math.floor(Math.random()*test.length); while ( a == i ){ a = Math.floor(Math.random()*test.length); } if (a != i){ i = a; } } このプログラムだと隣り合う回数の１回目と２回目などは重複しないんですが、１回目と３回目は重複してしまいます。 なにか重複しない方法はないでしょうか？初心者説明ですいませんが、ご教授おねがいします。
- 締切済み
- JavaScript
- JavaScript/HTML5での図形の描写
canvasを使って図形の描写をするコードを書いています。 javascript初心者なりに考え、調べたのですがどうしてもわからなかったのでどなたか教えてください。 「入力された値を半径とした円をcanvas内のランダムな位置に、ランダムな色で複数描写する」という風にしたいのです。値は好きなだけ入れれるようにしてあります。現段階でランダムな位置に描写することはできるのですが、黒縁の白い円しか描写できません。「ランダムに彩色する」部分をどのように記述したらよいのかご教授願います。 【以下書いたコード】 function draw() { var canvas = document.getElementById('mycanvas'); var ctx = canvas.getContext('2d'); var r = parseInt(document.getElementById("radius").value); ctx.beginPath(); var drawPointX = Math.floor( Math.random() * 1200 ) + 1; var drawPointY = Math.floor( Math.random() * 600 ) + 1; ctx.arc( drawPointX, drawPointY, r, 0, Math.PI*2, true ); //ランダムな色を生成・彩色する var r = parseInt(Math.random() * 255); var g = parseInt(Math.random() * 255); var b = parseInt(Math.random() * 255); var alpha = Math.random(); var rgba = "rgba("+r+", "+g+", "+b+", "+alpha+")"; ctx.fillStyle=rgba; ctx.stroke(); }
- ベストアンサー
- JavaScript
- ストップウォッチのjavascriptがうまく動きません。
こんにちは、片岡と言います。 次のファイル"stopwatch.html"を実行すると、ストップウォッチとして動作しません。 原因または解決策をご存知の方はいらっしゃいませんか。 ●stopwatch.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>ストップウォッチ</title> <script language="JavaScript" type="text/javascript"> <!-- function startWatch() { document.myForm.display.value = this.time; this.timeoutID = setTimeout("startWatch()", 1000); this.time++; } function getTimeoutID() { return this.timeoutID; } function setTime(time) { this.time = time; } function StopWatch(){ this.time = 0; this.timeoutID = null; this.getTimeoutID = getTimeoutID; this.startWatch = startWatch; this.setTime = setTime; } var sWatch = new StopWatch(); //--> </script> </head> <body bgcolor="#ffffff"> <h1>ストップウォッチ</h1><hr> <form name=myForm><p> <input type="text" name="display" size=20 value=0>秒 <input type="button" value="START" onclick="sWatch.setTime(0);sWatch.startWatch()"> <input type="button" value="STOP" onclick="clearTimeout(sWatch.getTimeoutID())"> <input type="button" value="RESET" onclick="clearTimeout(sWatch.getTimeoutID());sWatch.setTime(0);document.myForm.display.value=0"> </p></form> </body> </html> "stopwatch.html"を実行すると、textform が、以下のようになりました。 >"0" → "undifined" → "NaN" しかし、私は、textform が >"0" → "1" → "2" → ... になると思っていました。 私は、"stopwatch.html"のオブジェクト形式を維持したいと思っています。 そのため、setTimeout()の中でthisを使いたいと思っています。 どのようにすれば、"stopwatch.html"をうまく動作させることができますか。 なお、"stopwatch.html"ファイルは、 JavaScriptプログラミング入門 第2版 ( http://ssl.ohmsha.co.jp/cgi-bin/menu.cgi?ISBN=4-274-06660-6 ) の258ページの"stopwatch.html"を参考にしました。 ●私の環境は以下の通りです。 OS: Microsoft Windows XP Professional SP2 webブラウザ: Firefox2.0.0.3, InternetExplorer6.0
- ベストアンサー
- JavaScript
- ｈｔｍｌでjavascriptソースをテーブル内に表示するには？
始めまして宜しくお願いします。 スクリプトソースをテーブルタグの中のテーブルに貼り付けたのですが 表示されません、<HEAD>～</HEAD>に貼り付けると表示されますれ <BODY>～</BODY>は表示されません。希望としてはテーブルタグの中に 貼り付け表示したいのですが、いろいろ調べ試しましたが 上手くいきません、どなたか助けていただければと思います、 よろしくお願いします。 ソースはコレになります↓。 <script language="JavaScript"> <var imglist = new Array( "flowerA.jpg", "flowerB.jpg", "flowerC.gif", "flowerD.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output);> </script>
- 締切済み
- JavaScript
- JAVASCRIPTについて教えてほしいのですが
<script language="JavaScript"> var imglist = new Array( "top_pic.jpg", "top_pic2.jpg", "top_pic3.jpg", "top_pic4.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> ・・・・という画像をランダムに表示するスクリプトなんですが、 この画像を表示する際のオプション？みたいなのは何処に記入すればよいのでしょうか？ align="right"や、width="50%" みたいなやつです。 よろしくお願いします
- ベストアンサー
- ブログ
- 色変換のライブラリ探してます
PHPでHSBまたはHSLからhexの色の値を出せるライブラリとかを探してます HSBまたはHSLから一方通行の変換だけできれば十分です また、なければ前にAS3で書いたのを 転用しようかと思ってるんですが とくになんの資料もなくテキトーに こうすればいけんじゃね？的に作ったものなので いろいろ不安です、ムダな処理とか そもそもHSBについて基本的に間違ってるとことか あったら指摘ください public static function HSBClr(H:Number,S:Number,B:Number):int { var H=Math.abs(H%360)/60; while(H<0)H+=6 var S=Math.min(Math.abs(S),100)/100 var B=Math.min(Math.abs(B),100)/100 var rtn:int=0x010101*Math.floor(B*(1-S)*255); var c=255*S*B; var r:int=0; var g:int=0; var b:int=0; if (H<1) { r=Math.floor(c); g=Math.floor(c*H); } else if (H<2) { r=Math.floor(c*(1-H%1)); g=Math.floor(c); } else if (H<3) { g=Math.floor(c); b=Math.floor(c*(H%1)); } else if (H<4) { g=Math.floor(c*(1-H%1)); b=Math.floor(c); } else if (H<5) { b=Math.floor(c); r=Math.floor(c*(H%1)); } else { b=Math.floor(c*(1-H%1)); r=Math.floor(c); } rtn+=r*0x010000+g*0x0100+b; return rtn; }
- ベストアンサー
- PHP
- javascriptで画像表示変更が出来ない
ＨＴＭＬページで、javascriptを使ってそのページにアクセスするたびに、画像が変更させているのですが、ときどき画像が表示されません。 ソースは下記です。 画像が落ちないようにする方法はないのでしょうか？ 宜しくお願いします。 <script type="text/javascript"><!-- var imglist2 = [ [ "topimg/top-e001.jpg", "http://www.～.html" , "○○○"] , [ "topimg/top-e002.jpg", "http://www.～.html" , "○○○"] , [ "topimg/top-e003.jpg", "http://www.～.html" , "○○○"] , ]; function RandomImageLink2() { var selectnum = Math.floor(Math.random() * imglist2.length); var output = '<a href="' + imglist2[selectnum][1] + '" target="_blank">' + '<img src="' + imglist2[selectnum][0] + '"' + ' alt="' + imglist2[selectnum][2] + '">' + '</a>'; document.write(output); } //--></script>
- 締切済み
- JavaScript
- javascript Param
* @param {string} coding1 * @param {string} coding2 * @param {string} coding3 */ var App = function( coding1 , coding2 , coding3 ) { console.log(source_code); $.App.call(this, hospital_code, terminal_code, source_terminal_code); this._client.add('lodging_reservations'); /** @private {array<object>} this._lodging_reservations = []; /** @private {object} this._lodging_reservation_setting = {}; }; 今訳あって他人の作ったJavascriptのソースコードを熟読するという作業を行っているのですが 1行目～3行目の「 @param ～」って5行目の変数Appの関数に引数として渡されてるのでしょうか？ 馬鹿な質問でスミマセン。
- ベストアンサー
- JavaScript
お礼
:（セミコロン）で真偽を区切っているのですね！ わかりやすく説明してくださり、ありがとうございます！