您好,欢迎访问一九零五行业门户网

JS实现倒计时和文字滚动的效果实例_javascript技巧

本文实例讲述了js实现倒计时和文字滚动效果的方法。分享给大家供大家参考。具体实现方法如下:
说明:一般我们在一些淘宝类店铺中会看到一些像搞竞拍之类的活动,从中我们时而会发现一些倒计时的效果,在一些年会等场合我们也会发现一些抽奖活动,从中我们也可以看到一些随即滚动的效果。这里给大家分享一种实现倒计时和文字滚动的方法,希望可以对大家有所帮助。这里主要是通过js实现的。
一、倒计时效果的实现
前台部分的完整代码如下:
复制代码 代码如下:
倒计时效果的实现
计算中。。。
补充:倒计时效果精简版:
复制代码 代码如下:
倒计时精简版效果的实现
最终我们可以看到类似于如下图所示的效果:
二、文字滚动效果的实现
前台代码部分如下:
复制代码 代码如下:
文字滚动效果的实现
最终实现的效果图如下:
知识补充:
var mydate = new date();
mydate.getyear(); //获取当前年份(2位)
mydate.getfullyear(); //获取完整的年份(4位,1970-)
mydate.getmonth(); //获取当前月份(0-11,0代表1月)
mydate.getdate(); //获取当前日(1-31)
mydate.getday(); //获取当前星期x(0-6,0代表星期天)
mydate.gettime(); //获取当前时间(从1970.1.1开始的毫秒数)
mydate.gethours(); //获取当前小时数(0-23)
mydate.getminutes(); //获取当前分钟数(0-59)
mydate.getseconds(); //获取当前秒数(0-59)
mydate.getmilliseconds(); //获取当前毫秒数(0-999)
mydate.tolocaledatestring(); //获取当前日期
var mytime=mydate.tolocaletimestring(); //获取当前时间
mydate.tolocalestring( ); //获取日期与时间
希望本文所述对大家基于js的web程序设计有所帮助。
其它类似信息

推荐信息