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)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/92dd32f7dfb2dc19962a77af95def4dca039105e.jpg)
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件
<script language="JavaScript">
<!-- Begin
function 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/d2987775f2c4ec993a4528b5c3fe1e425d6b075e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/49bf00425d6b04d1202fb63cb213e8e5ecee015e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/edafb3bcbe2f4770371ef36e6f3b3b860221795e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/03605157935653bb8126484f1d0b31210561715e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/04201aa355e983ae69d1759e68efe0781431695e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/def72c6c576699cf885503d7a885e036e2915e5e.jpg)
![Javascript脚本特效示例:[26]算几天后的日期](https://exp-picture.cdn.bcebos.com/e3d059e833e03972af05975eb58630486143565e.jpg)