JS页面时间刷新以及滚动效果

在JS中使用Date对象来获取时间

date.getYear(); //获取当前年份(2位)

date.getFullYear(); //获取完整的年份(4位,2014)

date.getMonth(); //获取当前月份(0-11,0代表1月)

date.getDate(); //获取当前日(1-31)

date.getDay(); //获取当前星期X(0-6,0代表星期天)

date.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

date.getHours(); //获取当前小时数(0-23)

date.getMinutes(); //获取当前分钟数(0-59)

date.getSeconds(); //获取当前秒数(0-59)

date.getMilliseconds(); //获取当前毫秒数(0-999)

date.toLocaleDateString(); //获取当前日期 如 2014年6月25日

date.toLocaleTimeString(); //获取当前时间 如 下午4:45:06

date.toLocaleString(); //获取日期与时间 如 2014年6月25日 下午4:45:06

注意：getYear()和getFullYear()都可以获取年份,但两者稍有区别

getYear()在浏览器中显示则为：114 (以2014年为例),原因则是getYear返回的是”当前年份-1900”的值(即年份基数是1900)

使用JS来获取年份都使用:getFullYear()

示范代码

var now=new Date();

var year=now.getFullYear();

var month=now.getMonth()+1;

var date=now.getDate();

var day=now.getDay();

var h=now.getHours();

var m=now.getMinutes();

var s=now.getSeconds();

times=year+”年”+month+”月”+date+”日 星期”+day+” “+h+” ：”+m+” ：”+s

var x=document.getElementById(“time”)

x.innerHTML=times

这是我们已经获得到时间并显示出来，但是只是静止的时间，我要让时间刷新那就要用到setInterval方法

JavaScript的setInterval()函数用于设定每隔指定的时间就执行对应的函数或代码。

该函数属于全局对象window

下面我们为上面一段代码加上setlnterval

var n=null

function time(){

var now=new Date();

var year=now.getFullYear();

var month=now.getMonth()+1;

var date=now.getDate();

var day=now.getDay();

var h=now.getHours();

var m=now.getMinutes();

var s=now.getSeconds();

times=year+”年”+month+”月”+date+”日 星期”+day+” “+h+” ：”+m+” ：”+s

var x=document.getElementById(“time”)

x.innerHTML=times

n=setTimeout(time,1000)

}

n=setTimeout(time,1000)

这时页面时间就会每1S刷新一次

页面滚动效果

标签

该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果

该标签是个容器标签

语法：

以下是一个最简单的例子：

代码如下:

Hello, World

下面这两个事件经常用到：

onMouseOut=”this.start()” ：用来设置鼠标移出该区域时继续滚动

onMouseOver=”this.stop()”：用来设置鼠标移入该区域时停止滚动

代码如下:

onMouseOut=”this.start()” ：用来设置鼠标移出该区域时继续滚动 onMouseOver=”this.stop()”：用来设置鼠标移入该区域时停止滚动

该标签支持的属性多达11个：

align

设定标签内容的对齐方式

absbottom：绝对底部对齐（与g、p等字母的最下端对齐）

absmiddle：绝对中央对齐

baseline：底线对齐

bottom：底部对齐（默认）

left：左对齐

middle：中间对齐

right：右对齐

texttop：顶线对齐

top：顶部对齐

使用JS达到页面消息滚动效果

浏览器状态栏，使用status可以在浏览器下方实现滚动消息

window.status=”*“（*代表你想要在状态栏显示的文字）

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

searchvalue 必需。规定需检索的字符串值。

fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

split() 方法用于把一个字符串分割成字符串数组。

separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。

howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。

length 可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。

stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

如果省略该参数，那么返回的子串会一直到字符串的结尾。

我们先获取字符串的首位，并把其放在字符串的末尾，循环此过程，就可以得到滚动效果