新建一个html文件,定名为test.html,用于讲解js实现点击按钮,指心猿意马文字颜色闪三秒钟就遏制。
在test.html文件内, 利用p标签建立一段文字,对此中部门文字利用span标签包抄,span标签内的文字将用于实现闪灼结果。
在test.html文件内, 利用button标签建立一个按钮,并绑心猿意马onclick点击事务,当按钮被点击时,执行stopColor()函数。
在test.html文件内,建立一个changeColor()函数,用于实现文字的闪灼结果。
在changeColor()函数内,利用css()方式设置span内文字的颜色,colorFlag变量用于实现两种颜色的切换。
在test.html文件内,再建立一个stopColor()函数,在函数内,利用setInterval()方式每500毫秒执行一次changeColor()函数,实现文字的闪灼结果。再利用setTimeout()方式在3秒后,利用clearInterval()方式断根按时器,实现闪灼文字结果的遏制。
在浏览器打开test.html文件,点击按钮,查看实现的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!