تصف هذه المقالة طريقة عرض الوقت الديناميكي التي تنفذ JavaScript تزامن مع التوقيت المحلي. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
مثال وقت العرض الديناميكي بسيط للغاية. بعد فهم JavaScript ، من الممكن إكمال الأشياء مع بضعة أسطر من التعليمات البرمجية.
ولكن بالنسبة لبعض الأشخاص الذين لم يتعرضوا أبدًا لـ JavaScript ، فإنهم يبدو وكأنهم مشروع كبير ، ثم يبحثون عن الكود عبر الإنترنت ، ثم لا يمكنهم العثور عليه في رمز HTML الشاسع ، وفي النهاية لا يمكنهم الحصول على النقاط الرئيسية.
1. الأهداف الأساسية
قم بتنفيذ وقت نص صفحة ويب يرافقه العميل (على جهاز المتصفح) ، باستخدام أقصر رمز.
2. عملية الإنتاج
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" />
<title> jsclock </title>
</head>
<body>
<script type = "text/javaScript">
وظيفة clock () {
var time = new Date (). tolocalestring () ؛
document.getElementById ("الساعة"). innerhtml = time ؛
}
setInterval ("clock ()" ، 1000) ؛
</script>
<span id = "clock"> </span>
</body>
</html>
1. إذا كان كائن التاريخ يستخدم مُنشئًا بدون معلمات ، فسيعود وقت العميل. تحول طريقة tolocalestring () الوقت لعرض تنسيق الوقت. إذا كانت طريقة ToString () فقط ، فسيتحول الوقت فقط إلى سلسلة زمنية مكتوبة باللغة الإنجليزية. في الوقت نفسه ، أدركت شخصيا أن طريقة tolocaletimestring () غير موجودة ، من فضلك لا ترمي. إذا لم تكن راضيًا عن وقت تحويل أساليب النظام الخاصة ، فيرجى استخدام طرق مختلفة مثل GetDay () و getMonth () و getlyiar () لبناء السلسلة. لا عرض مرة أخرى.
2. InnerHTML تعادل معرف الساعة جميع العناصر تحت الساعة. document.getElementById ("الساعة"). innerhtml = time ؛ يتم تغيير معنى الجملة "<span id =" clock "> </span>" إلى محتوى السلسلة الزمنية.
3. مفتاح هذا JavaScript هو setInterval ("clock ()" ، 1000) ؛ الوظيفة ، مما يعني أنه يتم تنفيذ وظيفة الساعة () مرة واحدة كل 1000 مللي ثانية ، أي كل ثانية واحدة. وهذا هو ، في كل ثانية ، يتم تحديث محتوى <span id = "clock"> </span> إلى سلسلة الوقت.
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.