window 对象--网页上实现时间动态展示

最新推荐文章于 2022-04-12 11:17:24 发布

yayun0516

最新推荐文章于 2022-04-12 11:17:24 发布

阅读量802

点赞数

分类专栏： javaScript 文章标签： html javascript window对象

本文链接：https://blog.csdn.net/yayun0516/article/details/41545679

版权

javaScript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

.html 代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=gbk"/>
<title>计时方法用法</title>
<style type="text/css">
#time{width:180px;height:40px;background:#fac;margin:0 auto;font-size:11pt;padding-

left:5px;padding-top:10px;color:gray;line-height:20px}
</style>
<script type="text/javascript">
	//setTimeout(update_time,1000);
	//setInterval(update_time,1000);
	var id ;
	function init(){//body οnlοad="init()"
		id = setInterval(update_time,1000);
	}
	
	function update_time(){
		var date = new Date();
		var time = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
		document.getElementById('time').innerText = time;
	}
	
	function stop(){
		clearInterval(id);
	}
</script>
</head>
<span style="color:#ff0000;"><body οnlοad="init()"></span>
	<div id='time'>
	</div>
	<input type="button" value="stop" οnclick="stop()"/>
</body>

</html>

效果如下：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yayun0516

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window 对象--网页上实现时间动态展示

.html 代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">计时方法用法#time{width:180px;height:40px;background:#fac;margi
复制链接

扫一扫