How to hide time standards from javascript

Question

I want to display only Day, Date, Time. Now it displays:

Actually I want to display like:

How to remove --- "(India Standard Time)"

Used code below:

<html>

<head>
  <title>(Type a title for your page here)</title>
  <script type="text/javascript">
    function display_c() {
      var refresh = 1000; // Refresh rate in milli seconds
      mytime = setTimeout('display_ct()', refresh)
    }

    function display_ct() {
      var strcount
      var x = new Date()
      document.getElementById('ct').innerHTML = x;
      tt = display_c();
    }
  </script>
</head>

<body onload=display_ct();>
  <span id='ct'></span>

</body>

</html>

downlod moment.js from momenttjs.com and then include – shyamm Feb 09 '17 at 06:29 — shyamm, Feb 09 '17 at 06:29
Thanks guys, but i don't need any external js.. – vishnu Feb 09 '17 at 06:37 — vishnu, Feb 09 '17 at 06:37

prasanth · Accepted Answer · 2017-02-09T06:44:40.587

3

Try with some Regex pattern /GMT(.*)/g .toString() used to convert as a string for replace GMT and after all.

function display_c() {
      var refresh = 1000; // Refresh rate in milli seconds
      mytime = setTimeout('display_ct()', refresh)
    }

    function display_ct() {
      var strcount
      var x = new Date()
      document.getElementById('ct').innerHTML = x.toString().replace(/GMT(.*)/g,"");
      tt = display_c();
    }
display_ct()

  <span id='ct'></span>

edited Feb 09 '17 at 06:44

answered Feb 09 '17 at 06:32

prasanth

22,145
4
29
53

welcome @Vishnu .If there helpfull Don't forget to mark as a answer..Happy coding..! – prasanth Feb 09 '17 at 06:37
Ok.. one more, is it possible to remove "onload=display_ct();" from tag – vishnu Feb 09 '17 at 06:39
1

@Vishnu yes ... remove the onload and directly paste function in js `display_ct()` its same like before.see my edited answer – prasanth Feb 09 '17 at 06:44

score 1 · Answer 2 · answered Feb 09 '17 at 06:38

Another thing you can do is to use javascript's toLocaleString() method for more flexibility-

It has options to format the string that you can specify - for instance in the demo below I'm using:

var options = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: false};

Now you can display the date string using this:

document.getElementById('ct').innerHTML = x.toLocaleString('en-US', options);

See demo below:

<html>

<head>
  <title>(Type a title for your page here)</title>
  <script type="text/javascript">
    var options = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: false};
    function display_c() {
      var refresh = 1000; // Refresh rate in milli seconds
      mytime = setTimeout('display_ct()', refresh)
    }

    function display_ct() {
      var strcount;
      var x = new Date();
      document.getElementById('ct').innerHTML = x.toLocaleString('en-US', options);
      tt = display_c();
    }
  </script>
</head>

<body onload=display_ct();>
  <span id='ct'></span>

</body>

</html>

How to hide time standards from javascript

2 Answers2

Linked