使用JS和HTML5实现动态显示系统时间

最新推荐文章于 2024-04-29 10:35:43 发布

我冷漠

最新推荐文章于 2024-04-29 10:35:43 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/weixin_43748615/article/details/104663473

版权

方法一：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用JS和HTML5实现动态显示系统时间</title>
	<style type="text/css">
		/*
		1、normal:默认值。定义标准的字符。
		2、bold:定义粗体字符。
		3、bolder:定义更粗的字符。
		4、lighter:定义更细的字符。
		5、数字:|100|200|300|400|500|600|700|800|900定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
		6、inherit:规定从父元素继承字体的粗细。
		*/
		#time{
   
			font-weight:bold;
			color:red;
			border: 1.5px soLid #3A3ADD;
			width: 200px;
			margin: 5px auto;
			text-align: center;
		}
	</style>
</head>
<body>
<div id="time"></div>
<input type="button" value="stop" οnclick="stop();"/>
<script type="text/javascript">
    var add=setInterval("getTime()",1000);
    //stop()这个函数主要是清除设置的定时器
    function stop() {
   
        clearInterval(add);
    }
    //这个函数主要是获取时间然后写入div中
    function getTime() {
   
        var date=new Date().toLocaleString();//创建date对象，获取时间
		switch(new Date().getDay()

最低0.47元/天解锁文章

我冷漠

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
使用JS和HTML5实现动态显示系统时间

方法一：<!DOCTYPE html><html><head><meta charset="utf-8"><title>使用JS和HTML5实现动态显示系统时间</title> <style type="text/css"> /* 1、normal:默认值。定义标准的字符。 2、bold:定...
复制链接

扫一扫