ホームページ > 記事 > ウェブフロントエンド > Webページに時間を表示するjsコードの実装
Webページに時間を表示するjsコードの実装
- 不言オリジナル
- 2018-08-22 11:43:393307ブラウズ
この記事の内容は、Webページに時間を表示するjsのコード実装に関するものです。必要な方は参考にしていただければ幸いです。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<span id="date1">
</span>
<script >
function $(num1){
return num1<10?"0"+num1:num1;
}
function setTime(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();//在使用天数的时候使用date来得到
var week = date.getDay();//getday得到的是一周内的第几天
console.log();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
var time = year+"-"+$(month)+'-'+$(day)+" "+$(hour)+":"+$(minute)+":"+$(second);
document.getElementById("date1").innerHTML=time;
}
setTime();
setInterval('setTime()',500);
</script>
</body>
</html>JavaScript を使用したちょっとしたトリックです。まずさまざまな時間を取得し、関数を使用してそれらを結合し、次に document.getElementById().innerHTML=結合された時間を使用します。印刷する。
setinterval() を使用する前に、この関数を 1 回呼び出す必要があることに注意してください (最初にページを開いたときにページが空白になるのを防ぐため)。
関連する推奨事項:
JavaScriptはWebページに現在の日付と時刻を動的に表示します
Webページに時刻を単純に表示するjsメソッド_javascriptスキル
以上がWebページに時間を表示するjsコードの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。