JavaScript显示当前时间

最新推荐文章于 2024-08-27 13:24:20 发布

瀟灑走壹回

最新推荐文章于 2024-08-27 13:24:20 发布

阅读量936

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/plmoknijnm/article/details/116257747

版权

本文介绍了如何利用JavaScript在网页中动态更新当前时间，通过结合HTML和CSS来展示一个美观的时间显示组件。教程详细讲解了JavaScript日期对象的使用以及如何将时间戳转换为易读格式，并将其显示在页面上。

摘要由CSDN通过智能技术生成

JS显示当前时间控制器

javascript显示当前电脑时间：xxx年xxx月xxx日xxx时xxx分xxx秒，并用input标签中的button样式控制时间的暂停开始。
当你运行JavaScript代买时，网页显示的是时间时在每秒跳动的，当你点击暂停按钮时，网页显示的当前时间会暂停，按钮会显示开始的字样，再次点击开始的按钮，网页显示当前的时间会开始。
代码片段如下：

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>时间控制器</title>
<style>
#b{
	width:300px;
	height:200px;
	text-align:center;
	font-size:24px;
	border:2px solid red;
}
</style>
<script>
var start = window.setInterval("a()",1000);
function a(){
	var c  = new Date();
	var y =c.getFullYear();
	var m =c.getMonth()+1;
	var d = c.getDate();
	var h = c.getHours();
	var min = c.getMinutes();
	var sec = c.getSeconds();
	document.getElementById('b').innerHTML=y+"-"+m+"-"+d+"&nbsp&nbsp&nbsp"+h+":"+min+":"+sec;
	
	}
function sh(){
	var sj = document.getElementById('bt').value;
	if (sj=="暂停") {
		window.clearInterval(start);
		document.getElementById('bt&