本文实例讲述了js实现倒计时和文字滚动效果的方法。分享给大家供大家参考。具体实现方法如下：
说明：一般我们在一些淘宝类店铺中会看到一些像搞竞拍之类的活动，从中我们时而会发现一些倒计时的效果，在一些年会等场合我们也会发现一些抽奖活动，从中我们也可以看到一些随即滚动的效果。这里给大家分享一种实现倒计时和文字滚动的方法，希望可以对大家有所帮助。这里主要是通过js实现的。
一、倒计时效果的实现
前台部分的完整代码如下：
补充：倒计时效果精简版:
最终我们可以看到类似于如下图所示的效果：
立即学习“Java免费学习笔记（深入）”；
二、文字滚动效果的实现
前台代码部分如下：
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript"><br /> function TimeTo(dd) { <br /> document.getElementById('TextBox1').value = dd; //最后这里将固定格式的字符串 更新到 ID为 TextBox1的文本框中<br /> } <p> $(function(){<br /> window['ttt'] = setInterval(aaa,100); //页面加载的时候执行<br /> }); <p> function stopInterval()<br /> {<br /> clearInterval(window['ttt']); //清除计时器<br /> window['ttt']="";<br /> var aa = "张三,李四,王五,赵六,孙七,胡八,曾九,刘十,伊一,朴二";<br /> var arr = aa.split(',');<br /> var rdd = 9 * Math.random();<br /> var leth = Math.round(rdd);<br /> var leths = arr[leth].toString();<br /> document.getElementById('TextBox1').value = leths;<br /> }<br /> function aaa() {<br /> var aa = "张三,李四,王五,赵六,孙七,胡八,曾九,刘十,伊一,朴二";<br /> var arr = aa.split(',');<br /> var rdd = 9 * Math.random();<br /> var leth = Math.round(rdd);<br /> var leths = arr[leth].toString();<br /> TimeTo(leths)<br /> } <br /> <br /> function TimeTo2(){<br /> if(window['ttt']==""){<br /> window['ttt'] = setInterval(aaa,100);<br /> }<br /> }<br /> </script>
最终实现的效果图如下：
知识补充：
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程序设计有所帮助。
