Dreamweaver怎么给页面添加时间?想给页面添加时间,该怎么添加呢?今天我们就来看看使用Dreamweaver给页面添加时间的两种方法,需要的朋友可以参考下
dw添加时间的方法多样,今天我们先来看两种。第一种是用javascript写的。第二种是html写的。快来试试吧。效果一样哦。
20161222105302101.jpg
效果图
20161222105302102.jpg
方法一:
用JavaScript定义获取当前系统时间函数,使用网页触发器触发事件。
1、在head标签里,<title></title>里面,在样式后面插入脚本:
<script language=Livescript>
</script>
20161222105302103.jpg
2、输入代码:
<SCRIPT language=Livescript>//插入时间脚本
today = new Date()//创建一个对象
document.write(" ",today.getHours(),":",today.getMinutes());//today.getHours()获取时钟
</SCRIPT>
<!--插入空格-->
<SCRIPT language=Livescript>//插入日期脚本
today = new Date()//创建一个对象
document.write( "", today.getMonth()+1,"/",today.getDate(),"/",today.getYear()+1900);//today.getMonth()+1获取月;today.getDate()获取日;today.getYear+1900();获取年
</SCRIPT>
20161222105302104.jpg
3、最后效果:
20161222105302105.jpg
方法二:
1、按ctrl+n创建一个新的html文档。
20161222105302106.jpg
2、title与title之间输入插入系统时间
20161222105302107.jpg
3、点击body与body之间点击-->插入(M)-->星期选择一个自己喜欢的格式,插入一个日期模式,选择格式的时间。并在储存时自动更新前打勾。时间就会自动更新了。-->确定。
20161222105302108.jpg
20161222105302109.jpg
4、效果如图。代码是:<!-- #BeginDate format:fcIS1m -->Tuesday, 2016-12-20 18:16<!-- #EndDate -->
20161222105302110.jpg
5、可以按F12在页面中预览。
20161222105302111.jpg
相关推荐:
dreamweaver cs6怎么新建HTML5格式的页面?
Dreamweaver怎么创建简单的html页面并保存?
Dreamweaver设置页面属性后采用HTML格式怎么办? |