效果图：
代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./vue/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ msg }}</p>
<input type="button" value="开始" @click="start">
<input type="button" value="暂停" @click="stop">
</div>
<script>
var vm = new Vue({
el: '#app',
data:{
msg: "国庆节大放送，买一送一！！！",
flag: false,
id: null
},
methods:{
start: function () {
if(this.flag === false){
this.flag = true;
if(this.flag === true){
this.id = setInterval(this.run,800);
}
}
},
stop: function () {
if(this.flag === true){
clearInterval(this.id);
this.id = null;
this.flag = false;
}
},
run: function () {
new_str = this.msg.substr(1,this.msg.length);
sub_str = this.msg.substr(0,1);
this.msg = new_str + sub_str;
}
}
});
</script>
</body>
</html>
397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
