![1a9a9b2f36402067884e894cb8f9cc71.png](https://i-blog.csdnimg.cn/blog_migrate/73c3df97425f58abcdd589c96c98f60e.jpeg)
一些例题
1.显示当前的时间
function showDate( ){ var d = new Date(); //获取当前时间 var year = d.getFullYear(); //获取当前年份 var month = d.getMonth() + 1; //获取当前月份,注意加1 var 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函数即可
注意引号、分号等标点符号一定要用英文的
运行结果如下:
![8ff990bba22f7e60a05f4aabe55a881b.png](https://i-blog.csdnimg.cn/blog_migrate/df7321e2a412959721b0dfbde0d39f7a.jpeg)
![6a68cdec4a14859161b8d2ea0a242750.png](https://i-blog.csdnimg.cn/blog_migrate/b9d00e40ebf31ff544679b6b902a53b1.jpeg)
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) );
运行结果如下:
![78b1362dddf750b051f1cdba905524dd.png](https://i-blog.csdnimg.cn/blog_migrate/e58f424b4469aa0f42fa841d82f7ca45.jpeg)
![e6a7e3e58071b524a325f0e206abeacb.png](https://i-blog.csdnimg.cn/blog_migrate/b0053d8dc29a240318ac8a1c904c3e6a.jpeg)
计时器
setInterval()
格式:
setInterval( 函数(或匿名函数),毫秒数 ); 或者
setInterval( function(){ } , 毫秒数 ); 只不过一个是写了函数名,一个是直接定义了函数
功能:每隔所传参数的毫秒数,就调用一次所传参数的函数
返回值:当前页面上对于这个定时器的唯一标识,定时器的ID
有了定时器的ID我们就可以取消定时器,下面会讲到
举个小例子:
Document点击按钮时启动一个定时器,这个定时器让它执行show函数 body>
运行结果如下:
![09ef493bc1d5250bc49f640002c84de7.gif](https://i-blog.csdnimg.cn/blog_migrate/561e0cd1a56dae77d19949a674d0521f.gif)
![c87eb78ee8ab94982c0548df53d8f335.png](https://i-blog.csdnimg.cn/blog_migrate/df3a079ff70239b7ec9c92d8a2082b5c.jpeg)
取消定时器
clearInterval();
参数:定时器的ID
功能:取消定时器
我们把上面的小例子中的按钮ID输出一下
window.onload = function(){ var oBtn = document.getElementById( “btn” ); oBtn.onclick = function(){ var timer = setInterval( function(){ document.write( i++ + “
” );} ,1000 ); //改写的上面的函数传参alert( timer );}}
当我们点击按钮时运行的按钮ID为
![7ff074c80a069c09ce8c4559ab62bca5.png](https://i-blog.csdnimg.cn/blog_migrate/2fe70ea0955d31f57fed87dabc41c9fb.jpeg)
那么怎么去取消定时器呢?
我们需要加一个if判断条件,控制它什么时候取消
window.onload = function(){ var oBtn = document.getElementById( “btn” ); oBtn.onclick = function(){ var timer = setInterval( function(){ document.write( i++ + “
” ); if( i == 3 ){ clearInterval( timer );}} ,1000 ); //改写的上面的函数传参alert( timer );}}
运行结果如下
![b210b09e3e91bf0a0999a063bce19af2.gif](https://i-blog.csdnimg.cn/blog_migrate/1f6fcaf91e8cb58345ac2eaff2684c37.gif)
以上是定时器的使用及清除
![90081743702e32c0c3d4f911a63b34ff.png](https://i-blog.csdnimg.cn/blog_migrate/567c2a099accca02bb53e87c7180c102.jpeg)
标签间的所有内容
innerHTML
功能:标签间的所有内容
举个小例子:
如果我们的div中有一些信息,想要通过点击按钮来获取这个信息,就需要用到它
Document
斜体
body>
运行结果如下,当我们点击按钮时,就弹出对话框
获取时并不仅仅是文字获取,而是标签一起获取
![508d9967fb3158f5527294ac367ccfab.png](https://i-blog.csdnimg.cn/blog_migrate/022068eb71fe1325fe45b69d331a7fde.jpeg)
如果我们想要设置innerHTML的内容,可以这样写
window.onload=function( ){ var oBtn=document.getElementById( “btn” ); var oDiv=document.getElementById( “div1” ); oBtn.onclick=function( ){ //获取div标签间的内容 oDiv.innerHTML=”
我是替换文本
”}}
运行结果点击按钮就可以看添加的
![fd8c04c8f2a3bf077aed4afd409ddcff.gif](https://i-blog.csdnimg.cn/blog_migrate/1efe1b99bba82a0324758bb9b9ebf18a.gif)
如果在innerHTML包含标签,标签会被识别,并且会解析,呈现对应的效果。
![6c8b61a00511c1ac7917649987255cfb.png](https://i-blog.csdnimg.cn/blog_migrate/70e0494b778230aebce1254768d6f1b2.jpeg)
- 写作不易,大家多多关注,谢谢啦-
---web分享,分享的不只是web
![8a8afb79e9a14bde75dc1289cca95fb0.gif](https://i-blog.csdnimg.cn/blog_migrate/367327bfc104039eb2277a13eb948633.gif)