怎么用js让网页显示时间

发布网友发布时间：2022-05-14 16:13

共3个回答

懂视网时间：2022-05-14 20:34

本篇文章给大家带来的内容是关于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（）之前需要调用一次函数（为了防止页面一开始打开时空白）。

热心网友时间：2022-05-14 17:42

$(function(){
function getTime(){
var date=new Date();
var time=date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
$('div').html(time);
}

setInterval(getTime, 1000)
});

页面中放一个div显示时间

热心网友时间：2022-05-14 19:00

$(function(){
        function getTime(){
            var date=new Date();
            var time=date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
            $('div').html(time);
        }

        setInterval(getTime, 1000)
    });


    页面中放一个div显示时间

追问数字一个一个的增加