JavaScriptでアラーム設定をしたい

こんにちは
現在JavaScirptで指定された時間になるとアラートを出すというプログラムを書いているのですがうまく動きません。
仕様としては設定時間を決めてボタンを押して時間になればアラート表示というのが理想なのですが
11：11の時に11：11と設定すればアラートは出ます
11：12の時に11：11と設定したら11：12になってもアラートが出てくれません
どうすればうまく動きますか？

JavaScript
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>目覚まし時計</title>
6    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
7
8  </head>
9  <body>
10    <div id="viewTime"></div>
11    <input type="text" value="0" id="setHours">
12    :
13    <input type="text" value="00" id="setMinutes"><br>
14    <input type="button" value="SET" id="setTime">
15    <script>
16
17    setInterval("timer()", 1000);
18    function timer(){
19
20      //-----------------
21      //時間取得関連
22      //-----------------
23      var date = new Date();
24      var hours = date.getHours();
25      var minutes = date.getMinutes();
26      var seconds = date.getSeconds();
27
28      //-----------------
29      //時間の表示
30      //-----------------
31      $("#viewTime").html(hours + ":" + minutes + ":" + seconds);
32    }
33
34      //----------------
35      //設定時間の取得
36      //----------------
37      $("#setTime").click(function(){
38        var setHours = $("#setHours").val();
39        var setMinutes = $("#setMinutes").val();
40        setHours -= 0;
41        setMinutes -= 0;
42        
43        var date = new Date();
44        var hours = date.getHours();
45        var minutes = date.getMinutes();
46        var seconds = date.getSeconds();
47
48        if(setHours === hours && setMinutes === minutes){
49          alert("aaa");
50        }
51      });
52
53    </script>
54  </body>
55</html>