【JavaScript】计时器

简介: 【JavaScript】计时器

JS看了也有一段时间了,准备好好总结一下计时器一些例子

正文

1.走马灯

<script type="text/javascript">
        onload = function () {
            var p = this.document.getElementById("p");//返回所有的p元素
            this.setInterval(function () {
                var txt = p.innerHTML;
                var head = txt.charAt(0);
                var body = txt.substr(1);

                p.innerHTML = body + head;
            }, 200);//定义计时器
                
                
        }
    </script>

2.倒计时跳转

 <script type="text/javascript">
        onload = function () {
           var span = document.getElementById("second");
           var intervalId=setInterval(function () {
                var num = span.innerHTML - 1;

                span.innerHTML = num;

                if (num<=0) {
                    //跳转
                    //停下计时器
                    clearInterval(intervalId);
                    location.href = "http://baidu.com.cn";
                }
            },1000)
        }
    </script>
body里面的代码
 <p>请等待<span id="second">10</span>秒后跳转</p>

小结

感觉JS很厉害

目录
相关文章
|
1天前
|
JavaScript 前端开发
JavaScript:计时器
JavaScript:计时器
|
2月前
|
前端开发 JavaScript
使用 JavaScript 创建一个兔年春节倒数计时器
使用 JavaScript 创建一个兔年春节倒数计时器
44 0
使用 JavaScript 创建一个兔年春节倒数计时器
|
10月前
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
10月前
|
JavaScript
js计时器能做到精确及时吗?
js计时器能做到精确及时吗?
|
11月前
|
JavaScript
JS 启动一个计时器来跟踪某一个操作的占用时长
JS 启动一个计时器来跟踪某一个操作的占用时长
45 0
|
12月前
|
JavaScript 前端开发
JavaScript 简易的秒表计时器
JavaScript 简易的秒表计时器
84 0
|
存储 前端开发 JavaScript
使用 JavaScript 制作简单的中秋倒数计时器!
我正在参加中秋创意投稿大赛,详情请看:中秋创意投稿大赛
79 0
|
JavaScript 前端开发
Javascript 计时器
Javascript 计时器
152 0
Javascript 计时器
|
JavaScript 前端开发
JavaScript 计时器
JavaScript 计时器一些需要注意的地方的简单分享~
216 0
|
JavaScript
贪吃蛇 js 原型方法 事件 计时器
通过 原型方法 事件 计时器 等实现贪吃蛇效果。
825 0