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

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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


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

文章插图

7【js实现点击按钮,指定文字颜色闪三秒钟就停止】在浏览器打开test.html文件,点击按钮,查看实现的结果 。

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

文章插图

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

文章插图

以上内容就是js实现点击按钮,指定文字颜色闪三秒钟就停止的内容啦,希望对你有所帮助哦!

    推荐阅读