Introduction

The Date object is the key to date and time functionality in TypeScript. If we create it with no argument passed to its constructor, it will contain the date and time of the user's computer. The Date object also provides a number of functions dealing with something called Coordinated Universal Time (UTC), also known as Greenwich Mean Time (GMT) during winter. The World Time Standard is set by the UTC time.
In this article, I am describing how to use the time method of date object in TypeScript.

setTime() Method

In TypeScript, the setTime() method of date object sets a date and time by adding or subtracting a specified number of milliseconds to/from midnight January 1, 1970.
Syntax
  1. Date.setTime(millisec)
Function
  1. settime() {
  2. var time = new Date();
  3. var span = document.createElement("span");
  4. span.innerHTML = "Current Date is -> " + time + "\n";
  5. document.body.appendChild(span);
  6. time.setTime(1332403882588);
  7. var span = document.createElement("span");
  8. span.style.color = "green";
  9. span.innerHTML = "Date after setting the time -> " + time + "\n";
  10. document.body.appendChild(span);
  11. }

Complete Program

setTime.ts
  1. class setTime {
  2. settime() {
  3. var time = new Date();
  4. var span = document.createElement("span");
  5. span.innerHTML = "Current Date is -> " + time + "\n";
  6. document.body.appendChild(span);
  7. time.setTime(1332403882588);
  8. var span = document.createElement("span");
  9. span.style.color = "green";
  10. span.innerHTML = "Date after setting the time -> " + time + "\n";
  11. document.body.appendChild(span);
  12. }
  13. }
  14. window.onload = () => {
  15. var obj = new setTime();
  16. var bttn = < HTMLButtonElement > (document.getElementById("Button1"));
  17. bttn.onclick = function() {
  18. obj.settime();
  19. }
  20. };
default.htm
  1. < !DOCTYPE html >
  2. <
  3. html lang = "en"
  4. xmlns = "http://www.w3.org/1999/xhtml" >
  5. <
  6. head >
  7. <
  8. meta charset = "utf-8" / >
  9. <
  10. title > TypeScript HTML App < /title>
  11. <
  12. link rel = "stylesheet"
  13. href = "app.css"
  14. type = "text/css" / >
  15. <
  16. script src = "setTime.js" > < /script>
  17. <
  18. /head>
  19. <
  20. body >
  21. <
  22. h3 > setTime method in TypeScript < /h3>
  23. <
  24. div id = "content"
  25. style = "font-weight: normal; font-size: small" > Click on button
  26. for display the date after setting the time < br / >
  27. <
  28. br / >
  29. <
  30. input id = "Button1"
  31. type = "button"
  32. value = "Click" / > < /div>
  33. <
  34. /body>
  35. <
  36. /html>
setTime.js
  1. var setTime = (function() {
  2. function setTime() {}
  3. setTime.prototype.settime = function() {
  4. var time = new Date();
  5. var span = document.createElement("span");
  6. span.innerHTML = "Current Date is -> " + time + "\n";
  7. document.body.appendChild(span);
  8. time.setTime(1332403882588);
  9. var span = document.createElement("span");
  10. span.style.color = "green";
  11. span.innerHTML = "Date after setting the time -> " + time + "\n";
  12. document.body.appendChild(span);
  13. };
  14. return setTime;
  15. })();
  16. window.onload = function() {
  17. var obj = new setTime();
  18. var bttn = (document.getElementById("Button1"));
  19. bttn.onclick = function() {
  20. obj.settime();
  21. };
  22. };
Output
result.jpg
For more information, download the attached sample application.