How to get current time with jQuery

Question

The following returns time in microseconds  for example 4565212462   alert    now        How do I convert it to a human readable time format  such as   hours minutes seconds

User · Answer

Try   x000D   x000D  console log  x000D    new Date   toLocaleString   slice 9  -3  x000D      new Date   toString   slice 16  -15  x000D     x000D   x000D   x000D

User · Answer

You need to fetch all  numbers  manually  like this     x000D   x000D  var currentdate   new Date     x000D      var datetime    Now      currentdate getDate         x000D                     currentdate getMonth   1          x000D                    currentdate getFullYear             x000D                    currentdate getHours           x000D                    currentdate getMinutes          x000D                    currentdate getSeconds    x000D   x000D  document write datetime   x000D   x000D   x000D

User · Answer

jQuery s   now   is an alias of new Date   getTime    an internal Javascript function   http   api jquery com jquery now   This returns the number of seconds elapsed since 1970  commonly referred to  not necessarily correctly  as Unix Time  Epoch or Timestamp  depending on the circles you fall in  It can be really handy for calculating the difference between dates times using simple maths  It doesn t have any TimeZone information and is always UTC   http   en wikipedia org wiki Unix time  There is no need to use jQuery as other than this alias  it does little else to help with date time manipulation   If you are looking for a quick and dirty way of representing the time in text  the Javascript Date object has a  toString  prototype that will return an ISO formatted Date Time   new Date   toString      returns  Thu Apr 30 2015 14 37 36 GMT 0100  BST     More than likely though  you will want to customize your formatting  The Date object has the ability to pull out your relevant details so you can build your own string representation   https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Date  var d   new Date      without params it defaults to  now  var t   d getHours           d getMinutes           d getSeconds      Will return 14 37 36   However  as you have asked for a jQuery solution - it is perhaps likely that you are working with older browsers  If you want to do more specific things - especially interpreting strings into Date objects  useful for API responses   you might want to look at Moment js   http   momentjs com   This will ensure cross browser compatibility and has much improved formatting without having to concatenate lots of strings to together  For example   moment   format  hh mm ss      Will return 14 37 36

User · Answer

lt html gt   lt head gt   lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 7 2 jquery min js  gt   lt  script gt   lt script gt      function ShowLocalDate             var dNow   new Date        var localdate   dNow getMonth   1          dNow getDate           dNow getFullYear           dNow getHours           dNow getMinutes            currentDate   text localdate         lt  script gt    lt  head gt   lt body gt      enter code here      lt h1 gt Get current local enter code here Date in JQuery lt  h1 gt       lt label id  currentDate  gt This is current local Date Time in JQuery lt  p gt       lt button type   enter code here button onclick  ShowLocalDate    gt Show Local DateTime lt  button gt    lt  body gt   lt  html gt     you can get more information from below link  http   www morgantechspace com 2013 11 Get-current-Date-time-in-JQuery html GetLocalDateTimeinJQuery

User · Answer

jQuery now   Returns  Number  Description  Return a number representing the current time   This method does not accept any arguments   The   now   method is a shorthand for the number returned by the expression  new Date  getTime     http   api jquery com jQuery now   It s simple to use Javascript   var d   new Date    var time   d getHours           d getMinutes           d getSeconds    console log time

User · Answer

I use moment for all my time manipulation display needs  both client side  and node js if you use it   if you just need a simple format the answers above will do  if you are looking for something a bit more complex  moment is the way to go IMO

User · Answer

x000D   x000D   clock   x000D  width  260px  x000D  margin  0 auto  x000D  padding  30px  x000D  color   FFF background  333  x000D    x000D   clock ul   x000D  width  250px  x000D  margin  0 auto  x000D  padding  0  x000D  list-style  none  x000D  text-align  center x000D    x000D   x000D   clock ul li   x000D  display  inline  x000D  font-size  3em  x000D  text-align  center  x000D  font-family   Arial   Helvetica  sans-serif  x000D  text-shadow  0 2px 5px  55c6ff  0 3px 6px  55c6ff  0 4px 7px  55c6ff x000D    x000D   Date    x000D  font-family   Arial   Helvetica  sans-serif  x000D  font-size  26px  x000D  text-align  center  x000D  text-shadow  0 2px 5px  55c6ff  0 3px 6px  55c6ff  x000D  padding-bottom  40px  x000D    x000D   x000D   point   x000D  position  relative  x000D  -moz-animation  mymove 1s ease infinite  x000D  -webkit-animation  mymove 1s ease infinite  x000D  padding-left  10px  x000D  padding-right  10px x000D    x000D   x000D     Animasi Detik Kedap - Kedip    x000D   -webkit-keyframes mymove  x000D    x000D  0   opacity 1 0  text-shadow 0 0 20px  00c6ff   x000D  50   opacity 0  text-shadow none    x000D  100   opacity 1 0  text-shadow 0 0 20px  00c6ff     x000D    x000D   x000D   -moz-keyframes mymove  x000D    x000D  0   opacity 1 0  text-shadow 0 0 20px  00c6ff   x000D  50   opacity 0  text-shadow none    x000D  100   opacity 1 0  text-shadow 0 0 20px  00c6ff     x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 6 2 jquery min js  gt  lt  script gt  x000D   lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 6 2 jquery min js  gt  lt  script gt  x000D   lt script type  text javascript  gt  x000D    document  ready function     x000D     Making 2 variable month and day x000D  var monthNames      January    February    March    April    May    June    July    August    September    October    November    December      x000D  var dayNames    Sunday   Monday   Tuesday   Wednesday   Thursday   Friday   Saturday   x000D   x000D     make single object x000D  var newDate   new Date    x000D     make current time x000D  newDate setDate newDate getDate     x000D     setting date and time x000D      Date   html dayNames newDate getDay            newDate getDate           monthNames newDate getMonth            newDate getFullYear     x000D   x000D  setInterval  function     x000D     Create a newDate   object and extract the seconds of the current time on the visitor s x000D  var seconds   new Date   getSeconds    x000D     Add a leading zero to seconds value x000D      sec   html   seconds  lt  10    0           seconds   x000D    1000   x000D   x000D  setInterval  function     x000D     Create a newDate   object and extract the minutes of the current time on the visitor s x000D  var minutes   new Date   getMinutes    x000D     Add a leading zero to the minutes value x000D      min   html   minutes  lt  10    0           minutes   x000D    1000   x000D   x000D  setInterval  function     x000D     Create a newDate   object and extract the hours of the current time on the visitor s x000D  var hours   new Date   getHours    x000D     Add a leading zero to the hours value x000D      hours   html   hours  lt  10    0           hours   x000D     1000    x000D      x000D   lt  script gt  x000D   lt div class  clock  gt  x000D   lt div id  Date  gt  lt  div gt  x000D   lt ul gt  x000D   lt li id  hours  gt  lt  li gt  x000D   lt li id  point  gt   lt  li gt  x000D   lt li id  min  gt  lt  li gt  x000D   lt li id  point  gt   lt  li gt  x000D   lt li id  sec  gt  lt  li gt  x000D   lt  ul gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You don t need to use jQuery for this  The native JavaScript implementation is Date now    Date now   and   now   return the same value  Date now       1421715573651   now          1421715573651   new Date Date now         Mon Jan 19 2015 20 02 55 GMT-0500  Eastern Standard Time  new Date   now            Mon Jan 19 2015 20 02 55 GMT-0500  Eastern Standard Time     and if you want the time formatted in hh-mm-ss  var now   new Date Date now     var formatted   now getHours      quot   quot    now getMinutes      quot   quot    now getSeconds       20 10 58

User · Answer

For local time in ISO8601 for SQL TIMESTAMP you could try   var tzoffset    new Date    getTimezoneOffset     60000  var localISOTime    new Date Date now   - tzoffset      toISOString      slice 0  19     replace  T             mydatediv   val localISOTime

User · Answer

x000D   x000D   lt p id  date  gt  lt  p gt  x000D   x000D   lt script gt  x000D  var d   new Date    x000D  document getElementById  date   innerHTML   d toTimeString    x000D   lt  script gt  x000D   x000D   x000D    You can use Date   in JS

User · Answer

Convert a Date object to an string  using one of Date prototype s conversion getters  for example   var d   new Date    d                          Sun Dec 08 2013 18 55 38 GMT 0100  d toDateString             Sun Dec 08 2013  d toISOString              2013-12-08T17 55 38 130Z  d toLocaleDateString       8 12 2013  on my system d toLocaleString           8 12 2013 18 55 38  on my system d toUTCString              Sun  08 Dec 2013 17 55 38 GMT    Or  if you want it more customized  see the list of Date prototype s getter methods

User · Answer

You may try like this   new Date   now       Also using Javascript you can do like this    x000D   x000D  var dt   new Date    x000D  var time   dt getHours           dt getMinutes           dt getSeconds    x000D  document write time   x000D   x000D   x000D

User · Answer

The following   function gettzdate        var fd   moment   format  YYYY-MM-DDTHH MM ss        return fd        works for forcing the current date onto a  lt input type  datetime-local  gt

User · Answer

x000D   x000D  console log  x000D    new Date   toLocaleString   slice 9  -3  x000D      new Date   toString   slice 16  -15  x000D     x000D   x000D   x000D

User · Answer

Using JavaScript native Date functions you can get hours  minutes and seconds as you want  If you wish to format date and time in particular way you may want to implement a method extending JavaScript Date prototype   Here is one already implemented  https   github com jacwright date format

[jquery] How to get current time with jQuery

Examples related to jquery

Examples related to datetime

Examples related to time

Examples related to unix-timestamp

Examples related to microtime