suchen

Heim >Web-Frontend >js-Tutorial >Schreiben Sie eine Uhr in eine HTML-Webseite

Schreiben Sie eine Uhr in eine HTML-Webseite

黄舟
黄舟Original
2017-02-27 14:55:172113Durchsuche

Frage? Eine Uhr in eine HTML-Webseite schreiben

1.js 

<!DOCTYPE html>
<html>
<head>
	<title北京时间</title>
	<script type="text/javascript" charset="utf-8" language="javascript">
	function time1(){
	var today = new Date();
	var hour = today.getHours(),
	minute = today.getMinutes(),
	second = today.getSeconds();

	minute = checkTime(minute);
	second = checkTime(second);

	document.getElementById(&#39;txt&#39;).innerHTML=hour+":"+minute+":"+second;
	t = setTimeout(&#39;time1()&#39;,500);
}

function checkTime(i){
	if (i<10) {
		i="0" + i;
	}
  return i;
}
	</script>
</head>
<body onload="time1()">
	<p id="txt"></p>
</body>
</html>


2. Schreiben Sie in Form einer JQuery: 

<!DOCTYPE html>
<html>
<head>
	<title>时钟</title>
	<link rel="shortcut icon" href="ico/11.ico">
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(document).ready(A);
		function A(){
			var today = new Date();
			var h = today.getHours();
			var m = today.getMinutes();
			var s = today.getSeconds();
			m = C(m);
			s = C(s);
			$("#a1").html("当前时间为:"+h+":"+m+":"+s)
			setTimeout(&#39;A()&#39;,500);
		}
		function C(i){
			if(i<10){
				i="0"+i;
			}
			return i;
		}
	</script>
</head>
<body>
	<p id="a1"></p>
</body>
</html>

Das Obige ist der Inhalt des Schreibens einer Uhr in einem HTML Webseite, weitere verwandte Bitte beachten Sie den Inhalt der chinesischen PHP-Website (www.php.cn)!


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie man JQuery verwendet und ausführliche ErklärungNächster Artikel：Wie man JQuery verwendet und ausführliche Erklärung

In Verbindung stehende Artikel

Mehr sehen