文章插图
一些例题
1.显示当前的时间
function showDate( ){var d = new Date();//获取当前时间var year = d.getFullYear();//获取当前年份var month = d.getMonth() + 1;//获取当前月份，注意加1var date = d.getDate();//获取当前日期var week = d.getDay();//获取星期，因为0代表周日，所以需要if判断一下if( week == 0 ){week = “周日”;}var hour = d.getHours();//获取小时var min = d.getMinutes();//获取分钟var sec = d.getSeconds();//获取秒return year + “年” + month + “月” + date + “日星期” + week + ” ” + hour + “:” + min + “:”+ sec;//将它们组合起来输出}alert( showDate() );//最后直接调用showDate函数即可注意引号、分号等标点符号一定要用英文的
运行结果如下：
2.setDate()和getDate()封装一个函数，可以根据输入的数值n（天数）显示n天后的时间
分析：先获取当前时间，再获取天数，再用天数加上n天
function numOfDate( n ){//n天后var d = new Date();//获取当前时刻var date = d.getDate();//取出天数d.setDate( date + n );//加上n天return d;}alert(numOfDate(2));运行结果如下：
计时器
setInterval()
格式：
setInterval( 函数(或匿名函数),毫秒数 ); 或者
setInterval( function(){ } , 毫秒数 ); 只不过一个是写了函数名，一个是直接定义了函数
功能：每隔所传参数的毫秒数，就调用一次所传参数的函数
返回值：当前页面上对于这个定时器的唯一标识，定时器的ID
有了定时器的ID我们就可以取消定时器，下面会讲到
举个小例子：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type = "text/javascript">var i = 0;function show(){//这里也可以写成var show = function(){ }document.write( i++ + “<br />” );}//然后我们写一个按钮，点击按钮启动定时器window.onload = function(){var oBtn = document.getElementById( “btn” );//先获取按钮oBtn.onclick = function(){//把事件驱动函数绑定给这个按钮setInterval( show,1000 );//这里是函数的传参，传show，也可以将show改成function定义的函数内容}}</script></head><body>点击按钮时启动一个定时器，这个定时器让它执行show函数<input type=”button” id=”btn” value=https://www.520longzhigu.com/diannao/”按钮” />