質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.04%

JavaScriptについての質問です。変数の取り方を教えてください。

受付中

回答 3

投稿

  • 評価
  • クリップ 0
  • VIEW 938

score 8

 /*①設定した時間を取得*/
            function onButtonClick() {
                var val = $(' [name=timepicker]').val();
console.log(val); //時間が表示されます。
            };

/*②現在時刻の取得、表示*/
            function digitalClock(){
                var now=new Date();
document.getElementById('digital-clock').innerHTML=now.toLocaleTimeString();


アラームのような機能を練習で作っています。
①②で値を取得して、合致したら音声を流すような機能をつけたいのですが、①のval変数と②のtoLocateTImeStringをどう取り出せばいいのかが分かりません。
質問が拙くて、申し訳ないのですが何かアイデアがありましたら、教えてください。よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

+2

ShunsukeIzui さんの回答とたいして変わらないですが。

onButtonClick がアラーム時刻のセット、digitalClock が setInterval で呼ばれる関数だと思うので、次のようにスコープに括ればグローバルを汚染しなくて良いです。

$(function(){

    var alarmTime = null;

    $('#set-alarm').on('click', function(){
        alarmTime = $('[name=timepicker]').val();
    });

    setInterval(function(){
        var now = new Date();
        var str = now.toLocaleTimeString();

        $('#digital-clock').text(str);

        if (alarmTime && /* val と str を比較? */) {
            alarmTime = null;
            // 音を鳴らす
        }
    }, 300);
})

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/07/31 15:56

    詳しくありがとうございます。非常に参考になりました!!

    キャンセル

0

valで取り出すものは文字列で、nowはDateオブジェクトなので、そもそもこのままでは比較できません

なので、型を揃えてやる必要があります
方向性は、inputの値をDateにして、ミリ秒などのいらない精度の情報を落としてから比較する感じですかね

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/07/31 09:40

    ありがとうございます。参考にしつつトライしてみます。助かります!

    キャンセル

-1

何でもいいなら、オススメはしませんが、次のようにグローバル変数を用いると簡単でしょう。
var val;
var now;

 /*①設定した時間を取得*/ 
function onButtonClick() { 
    val = $(' [name=timepicker]').val(); 
    console.log(val); //時間が表示されます。 
 }; 

/*②現在時刻の取得、表示*/ 
 function digitalClock(){ 
     now=new Date(); 
     document.getElementById('digital-clock').innerHTML=now.toLocaleTimeString(); 
}
これでグローバルな変数になっています。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/07/31 09:38

    コメントありがとうございます。グローバル変数なるほどです。参考になりました!

    キャンセル

  • 2015/07/31 10:04 編集

    グローバル変数は汚染するので、本当にオススメしません。
    実際には、名前空間を利用したり、クロージャを利用するかと思います。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.04%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る