Javascript脚本特效示例:[26]算几天后的日期
1、在桌机上新建文本文档,命名为晓博JavaScript特效测试.txt,在文本文档里中入HTML文档的基本元素如下,并保存。<html><head><title>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8db054cd686189c2cf7dfb2165e.jpg)
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件<script language="JavaScript"><!-- Beginfunction AddDays(form) {DaysToAdd=document.form.DaysToAdd.value;var now=new Date();var newdate=new Date();var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);newdate.setTime(newtimems);document.form.display.value=newdate.toLocaleString();}// End --></script> <form name=form> <input type=text name=DaysToAdd size=4 value=10 onFocus="this.select()" onMouseOver="this.focus()"> <input type=button value="天后的日期将是.." onClick="AddDays(this.form)" name="button"> <input type=text name="display" size=20 value=""> </form>
3、用IE浏览器打开晓博JavaScript特效测试.html文件,可以看到记录几天后的日期特效,如下图
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/5a5a00def4dca0394e19e25858d96975f2c40d5e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/49bf00425d6b04d1202fb63cb213e8e5ecee015e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/03605157935653bb8126484f1d0b31210561715e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/def72c6c576699cf885503d7a885e036e2915e5e.jpg)