Dreamweaver怎么给页面添加时间?

  发布时间:2016-12-22 11:07:16   作者:佚名   我要评论
Dreamweaver怎么给页面添加时间?想给页面添加时间,该怎么添加呢?今天我们就来看看使用Dreamweaver给页面添加时间的两种方法,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

dw添加时间的方法多样,今天我们先来看两种。第一种是用javascript写的。第二种是html写的。快来试试吧。效果一样哦。

效果图

方法一:

用JavaScript定义获取当前系统时间函数,使用网页触发器触发事件。

1、在head标签里,<title></title>里面,在样式后面插入脚本: 

<script language=Livescript>

</script>

2、输入代码:

<SCRIPT language=Livescript>//插入时间脚本

 today = new Date()//创建一个对象

document.write("  ",today.getHours(),":",today.getMinutes());//today.getHours()获取时钟

</SCRIPT>

&nbsp;<!--插入空格-->

<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>

3、最后效果:

方法二:

1、按ctrl+n创建一个新的html文档。

2、title与title之间输入插入系统时间

3、点击body与body之间点击-->插入(M)-->星期选择一个自己喜欢的格式,插入一个日期模式,选择格式的时间。并在储存时自动更新前打勾。时间就会自动更新了。-->确定。

4、效果如图。代码是:<!-- #BeginDate format:fcIS1m -->Tuesday, 2016-12-20  18:16<!-- #EndDate -->

5、可以按F12在页面中预览。

相关推荐:

dreamweaver cs6怎么新建HTML5格式的页面?

Dreamweaver怎么创建简单的html页面并保存?

Dreamweaver设置页面属性后采用HTML格式怎么办?

相关文章

  • Dreamweaver怎么给网页添加音乐?

    Dreamweaver怎么给网页添加音乐?在设计网页的时候,想在网页中添加音乐,该怎么添加呢?下面我们就来看看Dreamweaver插入音乐的教程,需要的朋友可以参考下
    2016-12-15
  • Dreamweaver注释怎么设置快捷键?

    Dreamweaver注释怎么设置快捷键?Dreamweaver想给注释添加一个快捷键呢?下面我们就来看看dw设置注释快捷键的教程,很简单,需要的朋友可以参考下
    2016-12-12
  • Dreamweaver怎么去掉热点的黄色框/蓝色框?

    Dreamweaver怎么去掉热点的黄色框/蓝色框?Dreamweaver中有热点的时候就会有黄色框或者蓝色框,该怎么办呢?该怎么去掉呢?下面我们就来看看详细的教程,需要的朋友可以参
    2016-12-05
  • Dreamweaver无法打开提示javascript错误怎么办?

    Dreamweaver无法打开提示javascript错误怎么办?Dreamweaver无法启动,总是提示javascript错误,删除部分软件也不行,该怎么办呢?下面我们就来看看详细的解决办法,需要的
    2016-11-25
  • dreamweaver怎么设置段落首行自动缩进两个字符?

    dreamweaver怎么设置段落首行自动缩进?dreamweaver制作网页的时候,想要让文字首行自动缩进两个字符,该怎么设计呢?下面我们就来看看详细的教,需要的朋友可以参考下
    2016-11-20
  • Dreamweaver CS5怎么设计制作网页框架?

    Dreamweaver CS5怎么设计制作网页框架?dw设计网站网页很方便,该怎么设计一个网页的框架呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-11-15
  • dreamweaver 怎么在网页中使用div展示图片效果?

    dreamweaver 怎么在网页中使用div展示图片效果?想给网站中插入一些图片,怎么使用div展示图片呢?下面我们就来看看详细的设置方法,需要的朋友可以参考下
    2016-11-01
  • dreamweaver cs5怎么给网页制作图片的挤压效果?

    dreamweaver cs5怎么给网页制作图片的挤压效果?想使用dw给网页制作图片显示出来是挤压效果的样式,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-10-24
  • 在dreamweaver中如何插入图片呢?

    我们上网的时候可以看到很多精美的网页,这些网页都是网页制作者精心设计出来的,那么在dreamweaver中如何插入图片呢?下面小编就为大家介绍一下,来看看吧
    2016-10-14
  • Dreamweaver基础教程之主体的细分技巧

    我们经常使用Dreamweaver设计网页,今天我们就来看看比较基础的关于Dreamweaver主体的细分技巧,很简单的知识,需要的朋友可以参考下
    2016-09-05

最新评论

?


http://www.vxiaotou.com