Terms & Conditions

About

Contact

Mobile App

Bottom Bar Menu

<p><strong>Track Santa's progress TODAY and TONIGHT with the 2024 <em>WeatherWatch</em> Santa Tracker!</strong></p>



<p>Santa is now showing up over the Northern Hemisphere as he and the reindeer fly southwards from the North Pole down to New Zealand and beyond.</p>



<p>Using the very latest Radar Navigation System <em>WeatherWatch</em> can get hold of we will be able to track Santa's progress up until 11pm on Christmas Eve - LIVE!</p>



<p>For legal and safety reasons we cannot show Santa on the tracker after 11pm once he is in NZ airspace. </p>



<p><em>Find the tracker too small? Simply make the screen larger to view. For Windows users - press the Windows logo key + Ctrl + M to open the Magnifier settings view.</em></p>



<style type="text/css">
      .santaNZ,
      .santaComing {
        min-width:280px;
        text-align: center;
      }
      .santaNZ p.captionText,
      .santaComing p.captionText {
        font-family: 'pnova-reg', sans-serif;
        font-size: 12px !important;
      }
      #tv {
        width: 320px;
        margin: 0 auto;
      }
      #radar {
        position:relative;
        width:321px;
        height:321px;
        background:#222 url('https://weatherwatch-maps.s3-ap-southeast-2.amazonaws.com/santa/radar-bg.png');
        border-radius:320px;
        overflow:hidden;
        transform: scale(0.88, 0.88);
        -ms-transform: scale(0.88, 0.88);
        -webkit-transform: scale(0.88, 0.88);
      }
      #rad {
        position:absolute;
        width:321px;
        height:321px;
        background:url('https://weatherwatch-maps.s3-ap-southeast-2.amazonaws.com/santa/greenradar.png');
      }
      .santaImg {
        position: absolute;
        background:url('https://weatherwatch-maps.s3-ap-southeast-2.amazonaws.com/santa/santasleigh.png');
        width:100px;
        height:40px;
      }
      .sponsor {
        text-align: center;
      }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
    var $rad = $('#rad'),
        $obj = $('.obj'),
        deg = 0,
        rad = 160.5; // = 321/2, drr it's maths!

    function moveSanta(){
      var data = $('.santaImg').data(),
          pos = {X:data.x, Y:data.y},
          getAtan = Math.atan2(pos.X-rad, pos.Y-rad),
          getDeg = ~~(-getAtan/(Math.PI/180) + 180);
      $('.santaImg').css({left:pos.X, top:pos.Y}).attr('data-atDeg', getDeg);
    }

    (function rotate() {
      $rad.css({transform: 'rotate('+ deg +'deg)'});
      $('[data-atDeg='+deg+']').stop().fadeTo(0,1).fadeTo(1700,0.2);

        // loop it, loop it good, loop it like an anticyclone
        setTimeout(function() {
            deg = ++deg%360;
            rotate();
        }, 25);
    })();

    // move Santa around during the day
    var now = new Date();
    var currentDate = now.getDate();
    var currentHour = now.getHours();
    var currentMonth = now.getMonth(); // 0 based, so 11 is December, 10 is November
    
    function santaOnTheMove() { 
      if(currentMonth == 10){
          $('.santaImg').hide();
          $('.santaComing').show();
          $('.santaNZ').hide();
      }
        if(currentMonth == 11) {
        if(currentDate < 24) {
          $('.santaImg').hide();
          $('.santaComing').show();
          $('.santaNZ').hide();
        }
        // only do this on Xmas Eve
        if(currentDate == 24) {
          $('.santaImg').show();
          switch(currentHour) {
            case 13:
              // at 1pm he's at the North Pole (current position)
              $('.santaImg').attr('data-x', 120).attr('data-y', 10);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 14:
              // via Aleutian Islands, Hawaii, Pacific Islands...
              $('.santaImg').attr('data-x', 140).attr('data-y', 30);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 15:
              $('.santaImg').attr('data-x', 155).attr('data-y', 60);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 16:
              $('.santaImg').attr('data-x', 165).attr('data-y', 90);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 17:
              $('.santaImg').attr('data-x', 180).attr('data-y', 120);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 18:
              $('.santaImg').attr('data-x', 190).attr('data-y', 150);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 19:
              $('.santaImg').attr('data-x', 200).attr('data-y', 180);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 20:
              $('.santaImg').attr('data-x', 210).attr('data-y', 200);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 21:
              $('.santaImg').attr('data-x', 220).attr('data-y', 210);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 22:
              $('.santaImg').attr('data-x', 210).attr('data-y', 220);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            case 23:
              // at 11pm he's got his first reindeer touching East Cape of NZ
              $('.santaImg').attr('data-x', 205).attr('data-y', 230);
              moveSanta();
              $('.santaComing').hide();
              $('.santaNZ').hide();
              break;
            default:
              // don't display Santa (well, we're actually putting him offscreen)
              $('.santaImg').hide();
              $('.santaImg').attr('data-x', -40).attr('data-y', -25);
              moveSanta();
              $('.santaComing').show();
              $('.santaNZ').hide();
              break;
          }
        }
        if(currentDate >= 25) {
          // at midnight it has a message saying whole tracker is now offline for legal reasons and Santa's safety
          $('.santaImg').hide();
          $('.santaImg').attr('data-x', -25).attr('data-y', -25);
          moveSanta();
          $('.santaComing').hide();
          $('.santaNZ').show();
        }
        }
    }

    // init
    santaOnTheMove();
  });
    </script>     
    <div id="tv">
      <div id="radar">
        <div id="rad"></div>
        <div class="obj santaImg" data-x="120" data-y="10"></div>
      </div>
    </div>
    <div class="santaComing">
      <p class="captionText">Santa cannot be found on the radar. He is still busy at the North Pole! Check back on Christmas Eve from 1pm - we expect Santa to begin to show up sometime around then!</p>
    </div>
    <div class="santaNZ" style="display:none;">
      <p class="captionText">Sorry, the Santa Tracker is now offline for legal reasons and for Santa's safety.</p>
    </div>

North Island

South Island

North Island

South Island

About WeatherWatch

Navigation

Download App

North Island

South Island

North Island

South Island

About WeatherWatch

Navigation

Follow us on

Download App