{"id":1178,"date":"2015-02-01T14:31:01","date_gmt":"2015-02-01T14:31:01","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=1178"},"modified":"2015-08-10T06:54:22","modified_gmt":"2015-08-10T06:54:22","slug":"how-to-create-a-countdown-timer-and-show-current-time-in-unity3d","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/codeproject\/how-to-create-a-countdown-timer-and-show-current-time-in-unity3d\/","title":{"rendered":"How to create a countdown timer and show current time in Unity3D"},"content":{"rendered":"

In this post I’m going to show you how to create a countdown timer and show current time in Unity3D.<\/p>\n

\"TimerTime\"<\/a><\/p>\n

\"demo\"<\/a>\u00a0\u00a0\"forkMe\"<\/a><\/p>\n

    \n
  1. Create a new 2D project:
    \n    \"unityCreateNewProject\"<\/a><\/li>\n
  2. Optionally download some background image (I used this one<\/a>) and drag it to the Assets<\/strong> folder:
    \n    \"assetsFolder\"<\/a><\/li>\n
  3. Drag the background image to the Hierarchy<\/strong>:
    \n    \"Hierarchy\"<\/a>
    \n<\/strong><\/li>\n
  4. Adjust the size of the Camera to 8:
    \n    \"CameraSize\"<\/a><\/li>\n
  5. Hierarchy->Create->UI->Text:
    \n    \"AddingText\"<\/a><\/li>\n
  6. Click on Canvas in Hierarchy and set the Render mode:
    \n    \"CanvasRenderMode\"<\/a><\/li>\n
  7. Click on Text and change the settings (Positions, Width, Height, Text, Font Site):
    \n    \"textSettings\"<\/a><\/li>\n
  8. Rename the Text to TimerText<\/li>\n
  9. Duplicate the TimerText and rename to TimeText:
    \n    \"duplicate\"<\/a><\/li>\n
  10. Change y position of TimeText to -200:\"positionChange\"<\/a><\/li>\n
  11. Hierarchy -> Create -> Create Empty:
    \n    \"CreateEmpty\"<\/a><\/li>\n
  12. Rename it to GameController<\/li>\n
  13. Inspector -> Add Component -> New Script (name it Timer and select JavaScript):
    \n    \"AddScript\"<\/a><\/li>\n
  14. Paste the following code:\n
    #pragma strict\r\n \r\n var timer: float = 70;\r\n var isFinishedLevel : boolean = false;\r\n public var displayText : UnityEngine.UI.Text;\r\n public var timeText : UnityEngine.UI.Text;\r\n \r\n var minsDisplay : String;\r\n var secsDisplay : String;\r\n \r\n var mySeconds : int = 0;\r\n \r\n private var oldTimer : float;\r\n \r\n function Start(){\r\n     oldTimer = timer;\r\n }\r\n \r\n function Update()\r\n {\r\n     if (!isFinishedLevel) {\r\n         timer -= Time.deltaTime;\r\n     } \r\n     \r\n     CurrentTime();\r\n }\r\n \r\n function CurrentTime() { \r\n     var dt : System.DateTime = System.DateTime.Now;\r\n     var h : int = dt.Hour; \r\n     var m : int = dt.Minute; \r\n     var s : int = dt.Second;\r\n \r\n     timeText.text = h + \":\" + m + \":\" + s;\r\n     \r\n     if(mySeconds != s)\r\n     {\r\n         mySeconds = s;\r\n         Timing();\r\n     }\r\n     \r\n }\r\n \r\n function Timing()\r\n {\r\n     if (timer > 0) {\r\n         \/\/var minsDisplay : String = parseInt( timer \/ 60 ).ToString();\r\n         minsDisplay = parseInt( timer \/ 60 ).ToString();\r\n         \r\n         \/\/var secsDisplay : String = parseInt( timer ).ToString();\r\n         secsDisplay = parseInt( timer ).ToString();\r\n          \r\n         if ( (timer - ( parseInt(minsDisplay) * 60)) > 10 ) {\r\n              secsDisplay = parseInt( timer - ( parseInt(minsDisplay) * 60) ).ToString();\r\n         } \r\n         else {\r\n             secsDisplay = \"0\" + parseInt( timer - ( parseInt(minsDisplay) * 60) ).ToString();\r\n         }\r\n         \r\n         \/\/displayText.text = minsDisplay + \" : \" + secsDisplay;\r\n     } \r\n     else {\r\n          timer += oldTimer;\r\n     }\r\n     displayText.text = minsDisplay + \" : \" + secsDisplay;\r\n }<\/pre>\n<\/li>\n
  15. Drag TimerText and TimeText to the script from Hierarchy:
    \n    \"dragging\"<\/a><\/li>\n
  16. [le problems<\/strong>] – Run the program, and you’ll run into few issues:\n
      \n
    1. If you open up any other window you will notice that the timer will stop, and continue counting once you return to the Unity window [edit:<\/strong>\u00a0this seems to be expected behavior and in order to “fix” this, you have to set the “Edit -> Project Settings -> Player -> Run In Background” option (from here<\/a>)]<\/li>\n
    2. TimerText and TimeText are not “ticking off” at the same time [edit:<\/strong>\u00a0this is now also fixed and the code is updated with the fix]<\/li>\n<\/ol>\n<\/li>\n
    3. If someone has info on how to solve this, please comment and I’ll update the post once the solution is found [edit:<\/strong>\u00a0both issues have been resolved thanks to Unity Answers<\/a>, I’m just leaving them here for some future reference].<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
      In this post I’m going to show you how to create a countdown timer and show current time in Unity3D. \u00a0\u00a0 Create a new 2D project: Optionally download…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,41],"tags":[],"class_list":["post-1178","post","type-post","status-publish","format-standard","hentry","category-codeproject","category-unity3d"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=1178"}],"version-history":[{"count":7,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1178\/revisions"}],"predecessor-version":[{"id":2026,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1178\/revisions\/2026"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=1178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=1178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=1178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}