博主信息
博文 38
粉丝 0
评论 3
访问量 51048
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js基础学习-5秒倒计时
意外的博客
原创
1032人浏览过
<!DOCTYPE html>
<html>
<head>
	<title>日期对象</title>
</head>
<body>

<button onclick="getDates()">点击获取时间</button>
<button ondblclick="getDates()">双击也获取时间</button>
<div>
	<span>5</span>
	<a href="http://www.php.cn/">php中文网</a>
</div>

<script type="text/javascript">
	//获取当前日期;
	var d= new Date();
function getDates(){
		// document.write(d);
	var year=d.getFullYear();	//获取当前日期的年份;
	var month=d.getMonth()+1;	//获取当前日期的月份;
	var date=d.getDate();	//获取当前日期的日;
	var x=year+'-'+month+'-'+date;
	document.write(x+' ')

	var h=d.getHours();		//获取小时(0-23之间的整数)
	var m=d.getMinutes();   //获取分钟(0-59之间的整数)
	var s=d.getSeconds();  	//获取秒(0-59之间的整数)
	var y=h+':'+m+':'+s;
	document.write(y)
}

//5秒倒计时练习
//如果将i=4放在函数里面,那么setInterval调用,每次都会将i=4给赋值
var i=10;
function time(){
var Espan=document.getElementsByTagName('span')[0];
	if (i>0) {
		//改变i的内容;
		Espan.innerHTML=i;
		i--;
	}else{
		window.location.href ="http://www.php.cn";
	}
}
//刷新时间;
//setInterval("time()",1000)

 // 倒计时思路:在函数外部赋予变量一个数字(与需要倒计时的数字相等即可);
// 	创建一个函数,首先获取倒计时这个数字的标签;判断变量这个数字是否大于0;
	// 大于0就修改这个数字(通过--计算),
	// 否则就跳转到你需要执行的步骤;然后函数外部调用刷新时间;

</script>
</body>
</html>


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学