![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
こんにちは。
現在、ActionScript2.0を使用して時間をカウントするFLASHを制作しています。
大体は完成したのですが、一点お聞きしたいことがあります。
ターゲットの時間を
var targetDate:Date = new Date(年,月,日,時,分,秒);
としているのですが、swfを使い回したいため、
時間だけをjavascriptで設定したいと考えています。
そこで、
「new Date(年,月,日,時,分,秒);」 (若しくは、「年,月,日,時,分,秒」だけ)
の部分をjavascriptで置き換えたいと考えています。
調べると、ExternalInterfaceクラスやgetURLを使用すると可能なようなのですが、
チャレンジしても実装できませんでした。。
具体的な記述方法をご教授頂けましたら幸いです。
どうぞよろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
#1&2です。
> 「〇〇年〇〇月〇〇日〇〇時〇〇分〇〇秒」を
> ターゲットに、現在の時間からカウントダウン
そういうことですね。
それでしたら次のような感じになるのではないでしょうか。
以下は #1 の補足で書かれたものをベースに変更しています。
HTML
---------------------------
<html>
<head>
<title>test</title>
<script type="text/javascript">
function sayTime() {
//2010年12月1日0時をターゲットとする
var targetDate = new Date(2010,11,1,0,0,0);
var targetTime = targetDate.getTime();
return targetTime;
}
</script>
</head>
<body>
<!--Flashを貼り付けるタグなど-->
</object>
</body>
</html>
---------------------------
swfファイルActionScript
---------------------------
//externalクラスのインポート
import flash.external.*;
//1フレームで停止
stop();
//JavaScriptからターゲットのミリ秒数を取得
var jsTime:Number = Number(ExternalInterface.call("sayTime"));
this.onEnterFrame = function() {
//
//現在のローカル日付オブジェクトを作成
var today:Date = new Date();
//
//1971年1月1日から現在のミリ秒数を取得
var myTime:Number = today.getTime();
//
//JavaScriptで得たミリ秒数から現在のミリ秒数を引いた残り
var timeLeft:Number = jsTime - myTime;
//その 残り を 秒 にしておく
var secLeft = Math.ceil(timeLeft / 1000);
//
//残り時間のそれぞれ 日・時・分・秒 を割り出す
var days:Number = Math.floor(secLeft / (24 * 60 * 60));
secLeft -= days * 24 * 60 * 60;
var hrs:Number = Math.floor(secLeft / (60 * 60));
secLeft -= hrs * 60 * 60;
var min:Number = Math.floor(secLeft / 60);
secLeft -= min * 60;
var sec:Number = secLeft;
//
//日を文字列に変換
var counter_days:String = String(days);
//時を2桁文字列に変換
var counter_hrs:String = ("0" + hrs).substr(-2, 2);
//分を2桁文字列に変換
var counter_mins:String = ("0" + min).substr(-2, 2);
//秒を2桁文字列に変換
var counter_secs:String = ("0" + sec).substr(-2, 2);
//
//各テキストフィールドに 日・時・分・秒 を表示
_root.time_days.text = counter_days;
_root.time_hrs.text = counter_hrs;
_root.time_mins.text = counter_mins;
_root.time_secs.text = counter_secs;
//
//カウントダウン終了時2フレームへ
if (timeLeft <= 0) {
delete this.onEnterFrame;
gotoAndStop(2);
}
};
---------------------------
※次の図は 日・時・分・秒 を求めるイメージ図です。
※#2の下に substr() についての図も追加しました。
![「ActionScript2.0の変数をj」の回答画像3](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/e/1373636_5497e85403d9e/M.jpg)
ありがとうございます。
元の動きと全く同じ動きを実装することが出来ました!!!
ここまでスクリプトをまとめられてることにビックリしました。。
> //その 残り を 秒 にしておく
> var secLeft = Math.ceil(timeLeft / 1000);
> ~以下
掲載して頂きました画像でポイントが掴めました。
私はそもそもの考え方を間違えていたようです。。
また、複数の画像まで掲載していただきまして重ねてお礼申し上げます。
「substr()」
は恥ずかしながら使用したことがなく、とても勉強になります。
BlurFiltan様のおかげでFlashがさらに好きになりそうです!(笑)
私の不躾な質問からこんな素晴らしいご回答を頂きまして、本当にありがとうございました。
No.2
- 回答日時:
> 思うように動かすことが出来ません。
。。と書かれましても,
何がどう動くことが「思うように動く」の状態なのかわからないため
解決策も,問題点すらもわかりませんよ。。。
文字数制限で書けなかったのでしょうか?
(私は #1 も,この #2 の回答も字数制限ほぼいっぱいですが。)
「思う/思わない」とか「うまく行く/行かない」などという主観でなく
なるべく「何がどうなっていてそれをどうさせようとしているのか」という客観的な情報を書いてください。
補足で書かれていらっしゃることについての
根本的な大前提の質問です。
書かれた補足では
#1で私が書いたスクリプトよりも複雑になったスクリプトを書かれていらっしゃいますが
それは
「ExternalInterface の件はもう大丈夫だから次の問題点へ質問を変える。」 という意味なのでしょうか?
それとも
「ExternalInterface の件は大丈夫だったが,スクリプトを変えると JavaScript との連携ができなくなった。」 という意味なのでしょうか?
それとも
「ExternalInterface の件も大丈夫ではないが,その点は置いておいてスクリプトを変えた。」 という意味なのでしょうか?
「ExternalInterface で JavaScript とのやりとりができたのかできなかったのか。」
その点すら書かれていらっしゃらないのですよ。
「思うように」 とは一体何のお話なのかがわかりません。
===スクリプトの感想==================
検証もしてませんし細かい部分も見ていませんが
ザッと見,次の部分は明らかに変(ナンセンス)だと思いました。
this.onEnterFrame = function(){
~略~
//JavaScriptからターゲットのミリ秒数を取得
var jsTime:Number = Number(ExternalInterface.call("sayTime"));
~略~
}
これだと
onEnterFrame で ExternalInterface.call が実行され続けます。
ExternalInterface.call で得られる結果は変わらないにも関わらずです。
全く同じ値を得るために 毎フレーム時間(1秒間に十数回~数十回も) ExternalInterface.call が実行されるんですよ。
ダブルで変です。
「全く同じ値だと決まっているもの何度も請求する」のが変です。
また仮に同じ値ではないとしても
「ブラウザのプログラムであるJavaScriptを頻繁に叩く(ボコボコに連打して返事を請求し続ける)」のが変です。
ExternalInterface.call は最初に1回実行すれば良いだけです。
onEnterFrame の中ではなく前に出しましょう。
仮に JavaScript から送られる値が頻繁に変わるものであったとしても
最初の call によってその後の値が推測できる場合は Flash で計算すべきです。
(「最初の値は推測できないが,その後の値は1秒毎に1ずつが上がる規則がある」などの場合は当然 Flash でその後の値を計算すべき。)
(その後の値を推測できなかったとしても onEnterFrame は やり過ぎ。)
![「ActionScript2.0の変数をj」の回答画像2](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/a/1373636_5497f010e8564/M.jpg)
この回答への補足
文字数制限もありましたが、
それ以上に説明不足で申し訳ございませんでした。
> 補足で書かれていらっしゃることについての
> 根本的な大前提の質問です。
ExternalInterfaceでのjavascriptとの連携は、ご回答頂きました方法で出来ました。
ありがとうございます。
そして、頂きましたご回答を参考にし、私なりにjavascript連携前のスプリクトにExternalInterfaceを組み込んでみましたところ、
「ターゲットの時間をFlashで取得した時」と
「ターゲットの時間をjavascriptで取得した時」の
同じ動きが実装出来ませんでした。
この「既存スクリプトのターゲットの時間だけをjavascriptで取得し、同じ動きを実装したい」という事柄が当スレッドの本題の部分と考えていました。
そもそもの元スクリプトは
「〇〇年〇〇月〇〇日〇〇時〇〇分〇〇秒」をターゲットに、現在の時間からカウントダウンさせるものです。
残り日数/時/分/秒を、それぞれtime_days/time_hrs/time_mins/time_secsインスタンスに表示させるため、
1フレーム目に回答番号:No.1の補足にありますスクリプトの
----------------------
//JavaScriptからターゲットのミリ秒数を取得
var jsTime:Number = Number(ExternalInterface.call("sayTime"));
//取得した時刻のDateオブジェクトを作成
var myDate:Date = new Date(jsTime);
//ターゲットのミリ秒数から現在のミリ秒数を引いた残り
var timeLeft = targetTime - myTime;
----------------------
の部分を
----------------------
//ターゲットの時間取得
var targetDate:Date = new Date(2010,11,1,0,0,0,0);
//1971年1月1日からターゲットのミリ秒を取得
var targetTime = targetDate.getTime();
//ターゲットのミリ秒から現在のミリ秒を引いた値が残りミリ秒
var timeLeft = targetTime - myTime;
----------------------
に変更したスクリプトを書き、
2フレーム目にはカウント終了時(ターゲットの時間に達した時)に表示させる画像を置いたFlashになります。
動きとしましては、2010年12月1日0時をターゲットにカウントダウンして行き、時間に達したら2フレーム目の画像を表示するといったものになります。
『ExternalInterface使用でjavascriptでの時間取得ができたから・・・』
といった安易な考えで、そのままFlashターゲット時間取得部分を置き換えてみましたところ、回答番号:No.1の補足のスクリプトになり、もちろん動かず、1フレーム→2フレームという動きをしてしまいました。
これをカウントダウン後、目標時間に達したら2フレーム目へ移動という動きにしたいと考えています。
ご不明な点もあるかと思いますが、再度ご回答下さいましたら幸いです。
度重なるご質問で大変お手数をお掛け致します。
No.1
- 回答日時:
JavaScript で次のように書いた場合
var targetDate = new Date(年,月,日,時,分,秒);
これで生成される targetDate は JavaScript の Dateオブジェクト であって
JavaScript 内だけで通用するものです。
(JavaScript だけが理解できる Dateクラス という概念に属するオブジェクト)
そういうものはやりとりできません。
ですから例えば
JavaScript で作成した Dateオブジェクト から
getTime() で1971年1月1日からミリ秒など取得し
その数値(や文字列)を他言語(Flashなど)に送る。
というようなことをする必要があります。
◎HTMLソースコード例
---------------------------
<html>
<head>
<title>test</title>
<script type="text/javascript">
function sayTime() {
var targetDate = new Date(2010,10,18,19,7,5);
var targetTime = targetDate.getTime();
return targetTime;
}
</script>
</head>
<body>
<!--Flashを貼り付けるタグなど-->
</body>
</html>
---------------------------
◎上記HTMLに貼り付けるSWFの
フレームに書く ActionScript 例
---------------------------
//externalクラスのインポート
import flash.external.*;
//JavaScriptからミリ秒数を取得
var jsTime:Number = Number(ExternalInterface.call("sayTime"));
//取得した時刻のDateオブジェクトを作成
var myDate:Date = new Date(jsTime);
var ye:Number = myDate.getFullYear();
var mo:Number = myDate.getMonth() + 1;
var da:Number = myDate.getDate();
var ho:Number = myDate.getHours();
var mi:Number = myDate.getMinutes();
var se:Number = myDate.getSeconds();
//テキストフィールドでも用意して表示してみる
createTextField("time_txt", 0, 10, 20, 300, 20);
time_txt.border = true;
time_txt.text = ye + "年" + mo + "月" + da + "日" + ho + "時" + mi + "分" + se + "秒";
---------------------------
※要:Flash Player 8 以上用の SWF パブリッシュ
上記HTMLをブラウザで開けば結果を見ることができると思います。
===または======
JavaScript の function を次のように変え,
function sayTime() {
return "2010,10,18,19,7,5";
}
そして
ActionScript の時刻取得部分を次のように変えても良いと思います。
~以上略~
var jsTime:String = String(ExternalInterface.call("sayTime"));
var arr:Array = jsTime.split(",");
var myDate:Date = new Date();
myDate.setFullYear(arr[0]);
myDate.setMonth(arr[1]);
myDate.setDate(arr[2]);
myDate.setHours(arr[3]);
myDate.setMinutes(arr[4]);
myDate.setSeconds(arr[5]);
var ye:Number = myDate.getFullYear();
~以下略~
![「ActionScript2.0の変数をj」の回答画像1](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/8/1373636_5497f00faa308/M.jpg)
この回答への補足
ありがとうございます。
ご投稿頂きましてから現在まで色々と試してみたのですが、
思うように動かすことが出来ません。。。
現在のコードを書いてみますので、
どこが間違っているかをご教授お願いできますでしょうか。
HTML
---------------------------
<html>
<head>
<title>test</title>
<script type="text/javascript">
function sayTime() {
var targetDate = new Date(2010,10,18,19,7,5);
var targetTime = targetDate.getTime();
return targetTime;
}
</script>
</head>
<body>
</head>
<body>
<!--Flashを貼り付けるタグなど-->
</body>
</html>
---------------------------
swfファイルActionScript
---------------------------
//externalクラスのインポート
import flash.external.*;
//1フレームで停止
stop();
this.onEnterFrame = function(){
//現在のローカル時間を取得
var today:Date = new Date();
//現在の年を取得
var myYear = today.getFullYear();
//1971年1月1日から現在のミリ秒数を取得
var myTime = today.getTime();
//現在の日付を取得
var tdays = today.getDate();
//JavaScriptからターゲットのミリ秒数を取得
var jsTime:Number = Number(ExternalInterface.call("sayTime"));
//取得した時刻のDateオブジェクトを作成
var myDate:Date = new Date(jsTime);
//ターゲットのミリ秒数から現在のミリ秒数を引いた残り
var timeLeft = targetTime - myTime;
//残り時間のそれぞれ秒・分・時・日を割り出す
var sec = Math.floor(timeLeft/1000);
var min = Math.floor(sec/60);
var hrs = Math.floor(min/60);
var days = Math.floor(hrs/24);
//秒が1桁なら2桁に変換
sec = string(sec % 60);
if(sec.length < 2){
sec = "0" + sec;
}
//分が1桁なら2桁に変換
min = string(min % 60);
if(min.length < 2){
min = "0" + min;
}
//時が1桁なら2桁に変換
hrs = string(hrs % 24);
if(hrs.length < 2){
hrs = "0" + hrs;
}
days = string(days);
var counter_days:String = days;
var counter_hrs:String = hrs;
var counter_mins:String = min;
var counter_secs:String = sec;
_root.time_days.text = counter_days;
_root.time_hrs.text = counter_hrs;
_root.time_mins.text = counter_mins;
_root.time_secs.text = counter_secs;
//カウントダウン終了時2フレームへ
if(timeLeft <= 0 ){
delete this.onEnterFrame;
gotoAndStop(2);
}
}
---------------------------
となっています。
間違いだらけかも知れませんが、再度ご教授頂けましたら幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- その他(プログラミング・Web制作) テキストデータ変換(プログラミング、linux、python) 8 2023/08/08 16:39
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- Excel(エクセル) Excel2019、2021の売り上げなどの集計表について 4 2022/11/29 14:03
- Excel(エクセル) DATE関数で指定する「日」のセルが関数の場合の対処法 5 2022/09/14 15:46
- 転職 週半分在宅勤務できるけど片道2時間半かかる職場への転職 4 2023/02/04 08:08
- 英語 to date 2 2023/05/23 23:22
- その他(プログラミング・Web制作) python 気象データの取得 2 2023/06/20 23:54
- Windows 10 Windows10のメタデータの「メディアの作成日時」は、タイムゾーンによって表示が変わりますか? 3 2022/06/21 02:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
XMLから読み込んだテキストをリ...
-
objectから数値を取り出すには?
-
VB6でユーザー定義型がNothing...
-
エラー(型が一致しません。)...
-
重複しない乱数の生成
-
#define 文
-
DataGridでCTRLキーを押さずに...
-
【ランダム関数】0と1を返すだ...
-
関数定義について質問です 架空...
-
VBでボタンを押すと画像をラン...
-
配列の要素番号を取得するには?
-
LRESULTとHRESULT
-
ATLについて
-
三辺の長さから角度を求めたい...
-
ランダム表示を重複させないよ...
-
yes no で、50質問してyesの数...
-
配列操作
-
FLASHで表示中の画像をカメラの...
-
c++ cmathとmath.h
-
このソースで、仕組みについて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
マウスの基準点について
-
一定時間ごとにカウント
-
クイズ作成に関して xml形式の...
-
XML内のタグの内容を、変数に出...
-
経過日数のカウントアップ
-
サムネイルの写真にリンクをつ...
-
flash.AS3で音楽再生について
-
テキストフィールドかの色情報...
-
ActionScript3.0でスクロールバー
-
Objectの1番目の値がundefinedに
-
varとは
-
スライドショーのサムネイルに...
-
csv読込
-
YouTubeの自作検索フォームで文...
-
FlashLite4.0について
-
データバインディングで代入を...
-
ActionScript3.0のfor文の処理...
-
for文でまとめる
-
ActionScript2.0の変数をjs置き...
-
AS3.0 タグ内の文字列を置換
おすすめ情報