`
流星剑
  • 浏览: 92093 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

时间效果

    博客分类：
  • js
JavaScriptHTML 
阅读更多

在网页上显示系统当前时间或者，显示年月日时分秒，都可以用js实现；主要用到Date对象和window对象里面的setTimeout()方法.

<script type="text/javascript" language="javascript">
function show()
{
	var date=new Date();
	var month=date.getMonth();//月
	var year=date.getYear();//年
	var day=date.getDate();//天
	var week=date.getDay();//获取星期
	var now="";
	if(week=="0"){now="星期天"}
	if(week=="1"){now="星期一"}
	if(week=="2"){now="星期二"}
	if(week=="3"){now="星期三"}
	if(week=="4"){now="星期四"}
	if(week=="5"){now="星期五"}
	if(week=="6"){now="星期六"}
	var hour=date.getHours();//时
	var minute=date.getMinutes();//分
	var second=date.getSeconds();//秒
	var span=document.getElementById("date");
	span.innerHTML="现在时间是:"+year+"年"+(parseInt(month)+1).toString()+"月"+"<strong style=\"color:#f00;\">"+now+"</strong>"+day+"日"+hour+"时"+minute+"分"+second+"秒"
	
	var div=document.getElementById("time");
	div.innerHTML=date.toLocaleString();
	div.style.fontSize="30px";
	div.style.color="#fff";
	div.style.width="316px";
	div.style.backgroundColor="#f0f";
	div.style.fontWeight="bold";
	window.setTimeout(show,1000);//关键在这里
	
	//setInterval(show,1000);
	}
	window.onload=show;//加载页面时显示时间
</script>

 以下是html页面的代码：

<body>
显示时钟<br />
<span id="date">年月日</span>
<div id="time">系统当前时间</div>
</body>

 

分享到：
| 文件的写和读操作方法总结
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics