js实现点击按钮,指定文字颜色闪三秒钟就停止

新建一个html文件,定名为test.html,用于讲解js实现点击按钮,指心猿意马文字颜色闪三秒钟就遏制。

  • 2

    在test.html文件内, 利用p标签建立一段文字,对此中部门文字利用span标签包抄,span标签内的文字将用于实现闪灼结果。

  • 3

    在test.html文件内, 利用button标签建立一个按钮,并绑心猿意马onclick点击事务,当按钮被点击时,执行stopColor()函数。

  • 4

    在test.html文件内,建立一个changeColor()函数,用于实现文字的闪灼结果。

  • 5

    在changeColor()函数内,利用css()方式设置span内文字的颜色,colorFlag变量用于实现两种颜色的切换。

  • 6

    在test.html文件内,再建立一个stopColor()函数,在函数内,利用setInterval()方式每500毫秒执行一次changeColor()函数,实现文字的闪灼结果。再利用setTimeout()方式在3秒后,利用clearInterval()方式断根按时器,实现闪灼文字结果的遏制。

  • 7

    在浏览器打开test.html文件,点击按钮,查看实现的结果。

    • 发表于 2019-11-15 17:30
    • 阅读 ( 809 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具