কীভাবে জাভাস্ক্রিপ্টে এইচএইচ: এমএম: এসএস ফর্ম্যাটটিতে প্রদর্শিত হবে?

Question 1

আপনি কি দয়া করে এই ফর্ম্যাটটিতে কীভাবে সময় নির্ধারণ করবেন এইচ এইচ: এমএম: এসএস। আমি এটি একটি ডিভিতে সেট করতে চাই?

Question 2

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // add a zero in front of numbers<10
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
  t = setTimeout(function() {
    startTime()
  }, 500);
}
startTime();

<div id="time"></div>

স্নিপেট প্রসারিত করুন

ডেমো কেবল জাভাস্ক্রিপ্ট ব্যবহার করে

হালনাগাদ

Updated Demo

(function () {
    function checkTime(i) {
        return (i < 10) ? "0" + i : i;
    }

    function startTime() {
        var today = new Date(),
            h = checkTime(today.getHours()),
            m = checkTime(today.getMinutes()),
            s = checkTime(today.getSeconds());
        document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
        t = setTimeout(function () {
            startTime()
        }, 500);
    }
    startTime();
})();

Question 3

আপনি স্থানীয় ফাংশন ব্যবহার করতে পারেন Date.toLocaleTimeString():

var d = new Date();
var n = d.toLocaleTimeString();

এটি প্রদর্শিত হবে যেমন:

"11:33:01"

আমি এটি http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp এ পেয়েছি

কোড স্নিপেট দেখান

var d = new Date();
var n = d.toLocaleTimeString();
alert("The time is: \n"+n);

স্নিপেট প্রসারিত করুন

Question 4

আপনি এটি করতে পারেন Javascript।

var time = new Date();
console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds());

বর্তমানে এটি ফিরে আসে 15:5:18। মনে রাখবেন যে মানগুলির কোনও 10 এর চেয়ে কম হলে তারা দুটি নয়, কেবল একটি সংখ্যা ব্যবহার করে প্রদর্শিত হবে।

জেএসফিডেলে এটি পরীক্ষা করুন

আপডেট:
0 টির জন্য উপসর্গের চেষ্টা করুন

var time = new Date();
console.log(
    ("0" + time.getHours()).slice(-2)   + ":" + 
    ("0" + time.getMinutes()).slice(-2) + ":" + 
    ("0" + time.getSeconds()).slice(-2));

Question 5

এটি করার জন্য আপনি moment.js ব্যবহার করতে পারেন ।

var now = new moment();
console.log(now.format("HH:mm:ss"));

ফলাফল:

16:30:03

Question 6

new Date().toTimeString().slice(0,8)

নোট করুন যে ToLocaleTimeString () এর মতো কিছু ফিরে আসতে পারে 9:00:00 AM।

Question 7

এইভাবে ব্যবহার করুন:

var d = new Date();
localtime = d.toLocaleTimeString('en-US', { hour12: false });

ফলাফল: 18:56:31

Question 8

function realtime() {
  
  let time = moment().format('h:mm:ss a');
  document.getElementById('time').innerHTML = time;
  
  setInterval(() => {
    time = moment().format('h:mm:ss a');
    document.getElementById('time').innerHTML = time;
  }, 1000)
}

realtime();

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>

<div id="time"></div>

স্নিপেট প্রসারিত করুন

Moment.js এবং setInterval ব্যবহার করে খুব সহজ উপায় ।

setInterval(() => {
  moment().format('h:mm:ss a');
}, 1000)

নমুনা আউটপুট

setInterval()1000ms বা 1 সেকেন্ডে সেট ব্যবহার করে আউটপুট প্রতি 1 সেকেন্ডে রিফ্রেশ হবে।

3:25:50 অপরাহ্ণ

আমি আমার পাশের একটি প্রকল্পে এই পদ্ধতিটি ব্যবহার করি।

setInterval(() => {
  this.time = this.shared.time;
}, 1000)

সম্ভবত আপনি ভাবছেন যে ব্যবহারটি setInterval()কিছু কার্যকারিতা সমস্যার কারণ হতে পারে।

সেটইন্টারভাল সিপিইউ নিবিড়?

আমি মনে করি না অন্তর্নিহিত সেট অন্তর্নিহিতভাবে আপনাকে উল্লেখযোগ্য পারফরম্যান্স সমস্যার কারণ হতে পারে। আমি সন্দেহ করি খ্যাতিটি আগের যুগ থেকে আসতে পারে, যখন সিপিইউগুলি কম শক্তিশালী ছিল। ... - একাকী দিন

না, সেটইন্টারওয়াল সিপিইউ এবং নিজের মধ্যে নিবিড় নয়। যদি খুব সংক্ষিপ্ত চক্র (বা একটি মাঝারি দীর্ঘ বিরতিতে চলমান একটি খুব জটিল ক্রিয়াকলাপ) নিয়ে প্রচুর অন্তর চলমান থাকে, তবে আপনার অন্তরগুলি ঠিক কী করছে এবং কত ঘন ঘন তারা এটি করছে তার উপর নির্ভর করে এটি সহজেই সিপিইউ নিবিড় হয়ে উঠতে পারে। ... - আরথ

তবে সাধারণভাবে, আপনার সাইটে সত্যই পছন্দ মতো সেটইন্টারওয়াল ব্যবহার করা জিনিসগুলিকে ধীর করতে পারে। কমপক্ষে ভারী কাজের সাথে একযোগে চলমান 20 শোতে প্রভাব ফেলবে। এবং তারপরে আবার .. আপনি সত্যিই যে কোনও অংশই অনুমান করতে পারেন তা সেটইন্টারভাল সমস্যা নয়। ... - জেডি

Question 9

new Date().toLocaleTimeString('it-IT')

it-ITপ্রয়োজনে লোকেল ঘন্টা প্যাড ঘটে যা অপরাহ্ণ বা পূর্বাহ্ণ বাদ01:33:01

Question 10

এই কোডটি এইচএইচ: এমএম: এসএস ফর্ম্যাটটিতে কনসোলে বর্তমান সময় আউটপুট দেবে, এটি GMT টাইমজোনগুলিকে বিবেচনা করে।

var currentTime = Date.now()
var GMT = -(new Date()).getTimezoneOffset()/60;
var totalSeconds = Math.floor(currentTime/1000);
seconds = ('0' + totalSeconds % 60).slice(-2);
var totalMinutes = Math.floor(totalSeconds/60);
minutes = ('0' + totalMinutes % 60).slice(-2);
var totalHours = Math.floor(totalMinutes/60);
hours = ('0' + (totalHours+GMT) % 24).slice(-2);
var timeDisplay = hours + ":" + minutes + ":" + seconds;
console.log(timeDisplay);
//Output is: 11:16:55

Question 11

এটি জাভাস্ক্রিপ্ট ব্যবহার করে কোনও ডিভিতে (কেবল_টাইম) সময় নির্ধারণ করার একটি উদাহরণ।

function date_time() {
    var date = new Date();
    var am_pm = "AM";
    var hour = date.getHours();
    if(hour>=12){
        am_pm = "PM";
    }
    if (hour == 0) {
        hour = 12;
    }
    if(hour>12){
        hour = hour - 12;
    }
    if(hour<10){
        hour = "0"+hour;
    }

    var minute = date.getMinutes();
    if (minute<10){
        minute = "0"+minute;
    }
    var sec = date.getSeconds();
    if(sec<10){
        sec = "0"+sec;
    }

    document.getElementById("time").innerHTML =  hour+":"+minute+":"+sec+" "+am_pm;
}
setInterval(date_time,500);
<per>
<div class="date" id="time"></div>
</per>

Question 12

new Date().toLocaleTimeString()