يصف مثال المقالة كيف ينفذ JS وقت العرض البسيط على صفحات الويب. شاركه للرجوع إليه. التفاصيل كما يلي:
هذا هو رمز JS على شبكة الإنترنت ، وتطبيق JavaScript الخالص ، وعرض الوقت ، والدقائق والثواني. هناك العديد من عروض وقت الويب وساعات الويب ، وهو أمر بسيط حقًا. يمكن للأصدقاء مع الفنانين الجيدين تجميلهم وتحسينه على هذا الأساس.
انسخ الرمز على النحو التالي: <! 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 = utf-8" />
<title> ساعة ويب بسيطة </title>
<style>
الجسم ، div {margin: 0 ؛ padding: 0 ؛}
body {color: #ffff ؛ font: 16px/1.5/5fae/8f6f/96c5/9ed1 ؛}
#clock {width: 300px ؛ text-align: center ؛ الخلفية:#1a1a1a ؛ الهامش: 10px auto ؛ padding: 20px 0 ؛}
span {color:#000 ؛ width: 80px ؛ line-height: 2 ؛ background: #fbfbfb ؛ الحدود: 2px solid#b4b4b4 ؛ margin: 0 10px ؛ padding: 0 10px ؛}
</style>
<script>
window.onload = function ()
{
var oclock = document.getElementById ("clock") ؛
var aspan = oclock.getElementSbyTagname ("span") ؛
setInterval (getTimes ، 1000) ؛
getTimes () ؛
وظيفة getTimes ()
{
var odate = تاريخ جديد () ؛
var adate = [odate.gethours () ، odate.getMinutes () ، odate.getSeconds ()] ؛
لـ (var i in adate) aspan [i] .innerhtml = format (adate [i])
}
تنسيق الوظيفة (أ)
{
إرجاع A.ToString (). استبدال (/^(/D) $/، "0 $ 1")
}
}
</script>
</head>
<body>
<div id = "clock">
<span> </span> نقاط <span> </span> دقائق <span> </span> ثانية
</div>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.