html单页倒计时,单页面vue实例带倒计时功能

```

var app = new Vue({

el: '#app',

data: {

url:''//带采集的网址

,list:[] //头像列表

,timer: ''

,index:0

}

,methods: {

GetHeads:function () {

var url="{:url('')}";

var _this = this;

if(!this.url){

error("请填写地址");

return false;

}

var data = {

url:this.url,

type:'gethtml'

}

$.post(url,data,function (e) {

if(e.code ==200){

success(e.msg);

_this.list = e.data;

} else {

error(e.msg);

}

})

DownloadImg:function () {

var url="{:url('')}";

var _this = this;

var data = {

url:this.list[this.index],

type:'downloadimg'

}

$.post(url,data,function (e) {

if(e.code ==200){

success(e.msg);

} else {

error(e.msg);

}

})

this.index++

console.log(this.index)

if(this.index >= this.list.length){

clearInterval(this.timer)

}

TimerStart:function () {

//页面挂载需要运行的函数

this.index = 0;

this.timer = setInterval(this.DownloadImg, 1000);

}

mounted:function(){

beforeDestroy: function() {

if (this.timer) {

console.log("销毁定时器")

clearInterval(this.timer); //在Vue实例销毁前，清除我们的定时器

}

})

```

html单页倒计时,单页面vue实例带倒计时功能相关推荐

Angular单页应用网站SEO优化实例详解
基于个人爱好,使用Angular做了一个双语阅读的网站:蜗牛阅读, 用来闲暇时间看看英文的.可惜传了几本书到现在自己都还没看完~ 网站后台采用的是Netcore+Mysql,前端页面使用的是Angul ...
淘宝客静态单页_单页应用程序的Spring Boot静态Web资源处理
淘宝客静态单页诸如gulp和grunt之类的Javascript构建工具确实让我大吃一惊,我看着这些工具的构建脚本之一,发现很难理解它,并且无法想象从头开始编写其中一个构建脚本. 这就是yeoman ...
如何删除第一张单页_单页网站-网站建设中独有的风景线
在这个网页技术飞速发展的时代,单页网站由于其自身的特点已经形成了一种独有的风景线.从本质上来说,单页网站就是只有一个页面,滚动长页面来显示相关的网站内容,网站所有菜单都链接到主页相应的部位. 一些前卫 ...
服务器里面增加单页网站,单页网站：搜索引擎的最爱
网站是由服务器和浏览器解释的代码组合,代表网站向观众显示的内容.从静态网站到动态网站,过渡引起了网站分析的变化.网站已经获得了更多处理各种任务的模块; 从数据库连接到用户的交互性.这增加了服务器上网站 ...
Slog41_支配vue框架初阶项目之博客网站-单页-登陆成功页面的布局和定位
ArthurSlog SLog-41 Year·1 Guangzhou·China Aug 18th 2018 GitHub 掘金主页简书主页 segmentfault 履霜坚冰至开发环境MacO ...
单页和多页应用(vue.js学习笔记)
1.什么是单页面和多页面? 单页: 单页应用将所有内容放在一个页面中,从而使整个页面更加流畅就用户体验而言,单机导航可以定位锚点,快速定位相应的部分,并轻松上下滚动.单页面应用提供的信息和一些主要内容 ...
HTML5 单页应用/框架 - View.js介绍
单页应用框架: View.js - http://view-js.com 什么是单页应用单页应用,是指将用户视觉上的多个页面在技术上使用一个载体来实现的应用. 换句话来讲,用户视觉效果,与技术实现的 ...
[译]用AngularJS构建大型ASP.NET单页应用（二）
原文地址:http://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single 客 ...
单页应用和多页应用的区别
一.定义区分 [1.1]单页应用单页应用又称 SPA(Single Page Application)指的是使用单个 HTML 完成多个页面切换和功能的应用.这些应用只有一个 html 文件作为入口 ...
Vue_单页应用VS多页应用
当一个文件以.vue 结尾,它就被称为单文件组件一.多页面应用二.单页应用实现页面跳转,在以前是使用a标签链接,在Vue中,使用的是<router-link to='路由配置地址'> ...

html单页倒计时,单页面vue实例带倒计时功能

html单页倒计时,单页面vue实例带倒计时功能相关推荐

最新文章

热门文章