JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布

露娜打野至今未归

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量136

点赞数

分类专栏： JavaEE

本文链接：https://blog.csdn.net/m0_43455210/article/details/109435630

版权

JavaEE 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS基础例子

JS实现跑马灯效果
JS实现显示日期时间

JS实现跑马灯效果

	<script>
		//定义要显示的文字，注意最好是在文字的前后都加上空格，显示时比较美观
		var str = " 欢迎来到本站点 ";
		//一个函数，循环调用
		function check() {
			//取出要显示文字的第一个字符然后拼接到字符串的末尾
			str = str.substr(1) + str.substr(0, 1);
			//把拼接好的字符串显示到状态栏
			window.status = str;
			//把拼接好的字符串显示到标题栏
			document.title = str;
			//每隔一秒调用一次，可以更改数字使它更快或更慢
			setTimeout("check()", 1000);
		}
		check();
	</script>

JS实现显示日期时间

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
        <div id="Date"></div>
	</body>
	<script>
		setInterval(function (){
			var date = new Date();
			var year = date.getFullYear();	//获取当前年份
			var mon = date.getMonth()+1;	//获取当前月份
			var day = date.getDate();		//获取当前日
			var week = date.getDay();       //获取当前星期几
			var h = date.getHours();	//获取小时
			var m = date.getMinutes();//获取分钟
			var s = date.getSeconds(); //获取秒
			var d = document.getElementById('Date');
			d.innerHTML = year+"-"+mon+"-"+day+" "+h+":"+m+":"+s+":"+""+"星期"+week;
		},1000)
	</script>
</html>