Parse error: syntax error, unexpected '$m' (T_VARIABLE) in /home/disckitt/public_html/pmwiki.php(468) : runtime-created function on line 1
disckitty.ca Gallery/Countdown
Gallery

Countdown

(:nl:)

December 12, 2014, at 02:52 PMerika

Online countdown employing canvas element from HTML5. Enables countdown date selection, units to display with optional 0-drop, configuration of text, thematic counts, celebratory actions, etc. Useful for whatever special date you desire: New Years, Christmas, Hanukkah, Eid, Hallowe'en, St. Patty's Day, holidays, birthdates, vacations, graduation and other special dates. For details on the "making-of" see here. Read more...

Javascript file for the countdown processing

(:html:) <canvas id="myCanvas" width="400" height="300" style="border:1px solid #6C8C37;"> </canvas> (:htmlend:)

(:html:)

<script>

// example derived from: http://www.w3schools.com/html/html5_canvas.asp

// grab canvas and context var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d");

// grab canvas width and height var width = canvas.width; var height = canvas.height;

// set background context.fillStyle = "#FFFFFF"; context.fillRect(0,0,width,height);

// draw some text context.font = "30px Arial"; context.textAlign = "center"; context.fillStyle = "#009193"; context.fillText("Timer Countdown",width/2,height/2);

</script>

(:htmlend:)

(:blogid:gallery:) (:entrytype:blog:) (:entrydate:1418413920:) (:entryauthor:erika:) (:entrytitle:Countdown:) (:entrystatus:publish:) (:entrycomments:none:) (:entrytags::) Online countdown employing canvas element from HTML5. Enables countdown date selection, units to display with optional 0-drop, configuration of text, thematic counts, celebratory actions, etc. Useful for whatever special date you desire: New Years, Christmas, Hanukkah, Eid, Hallowe'en, St. Patty's Day, holidays, birthdates, vacations, graduation and other special dates. For details on the "making-of" see here. Read more...

Javascript file for the countdown processing

(:html:) <canvas id="myCanvas" width="400" height="300" style="border:1px solid #6C8C37;"> </canvas> (:htmlend:)

(:html:)

<script>

// example derived from: http://www.w3schools.com/html/html5_canvas.asp

// grab canvas and context var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d");

// grab canvas width and height var width = canvas.width; var height = canvas.height;

// set background context.fillStyle = "#FFFFFF"; context.fillRect(0,0,width,height);

// draw some text context.font = "30px Arial"; context.textAlign = "center"; context.fillStyle = "#009193"; context.fillText("Timer Countdown",width/2,height/2);

</script>

(:htmlend:)

(:nl:)

BlogIt Side bar (:blogid:blog1:)

Recently Written

* Countdown * CS488 - Sample Assignments * CS798 - Assignment Samples * PM370 - Final Project * CS798 - Final Project * CS488 - Assignment 5 * CS488 - Assignment 4 * CS488 - Assignment 3

erika: end hiding comments and categories

erika: end hiding comments and categories

* login

Group-Specific Sidebar

Blix theme adapted by David Gilbert, powered by BlogIt