diff options
-rw-r--r-- | index.html | 18 | ||||
-rw-r--r-- | js/main.js | 29 |
2 files changed, 38 insertions, 9 deletions
@@ -63,18 +63,18 @@ <br /> <p class="text-center"> - <button type="button" class="btn btn-primary btn-lg">30s</button> - <button type="button" class="btn btn-primary btn-lg">1m</button> - <button type="button" class="btn btn-primary btn-lg">90s</button> - <button type="button" class="btn btn-primary btn-lg">2m</button> - <button type="button" class="btn btn-primary btn-lg">3m</button> - <button type="button" class="btn btn-primary btn-lg">4m</button> - <button type="button" class="btn btn-primary btn-lg">5m</button> + <a id="activityClock30s" class="btn btn-primary btn-lg">3<u>0</u>s</a> + <a id="activityClock60s" class="btn btn-primary btn-lg">1m</a> + <a id="activityClock90s" class="btn btn-primary btn-lg"><u>9</u>0s</a> + <a id="activityClock120s" class="btn btn-primary btn-lg">2m</a> + <a id="activityClock180s" class="btn btn-primary btn-lg">3m</a> + <a id="activityClock240s" class="btn btn-primary btn-lg">4m</a> + <a id="activityClock300s" class="btn btn-primary btn-lg">5m</a> </p> <p class="text-center"> - <button type="button" class="btn btn-default btn-lg">Custom</button> - <button type="button" class="btn btn-default btn-lg">Reset</button> + <a id="activityClockCustom" class="btn btn-default btn-lg">Custom</a> + <a id="activityClockReset" class="btn btn-default btn-lg">Reset</a> </p> <p class="text-center"> @@ -27,6 +27,14 @@ function timeWastingClockToggle() $(document).bind('keydown', 'j', timeWastingClockToggle); +function activityClockGo($seconds) +{ + activityClock.setTime($seconds); + activityClock.start(); +} + +$(document).bind('keydown', '1', function (){activityClockGo(60);}); + $(document).ready(function(){ $('#timeWastingClockGo').button(); $('#timeWastingClockGo').click(timeWastingClockToggle); @@ -48,5 +56,26 @@ $(document).ready(function(){ } } }); + + $('#activityClock30s').button(); + $('#activityClock30s').click(function (){activityClockGo(30);}) + + $('#activityClock60s').button(); + $('#activityClock60s').click(function (){activityClockGo(60);}) + + $('#activityClock90s').button(); + $('#activityClock90s').click(function (){activityClockGo(90);}) + + $('#activityClock120s').button(); + $('#activityClock120s').click(function (){activityClockGo(120);}) + + $('#activityClock180s').button(); + $('#activityClock180s').click(function (){activityClockGo(180);}) + + $('#activityClock240s').button(); + $('#activityClock240s').click(function (){activityClockGo(240);}) + + $('#activityClock300s').button(); + $('#activityClock300s').click(function (){activityClockGo(300);}) }); |