jQuery:显示/隐藏无限循环

时间:2018-12-05 12:56:17

标签: jquery loops animation opacity cycle

我想使视频(#videoplayer1)或网页上的某个元素可见(显示30秒),然后隐藏(隐藏50秒),并创建一个无限循环或循环来重复此显示/隐藏功能在给定的持续时间。 有可能吗?

2 个答案:

答案 0 :(得分:0)

from scrapy.spiders import CrawlSpider, Rule
from scrapy.linkextractors import LinkExtractor


class MySpider(CrawlSpider):

    name = 'powermaxed.com'
    start_urls = ['https://www.powermaxed.com/']

    rules = (
        Rule(LinkExtractor(), callback='parse_product'),
    )

    def parse_product(self, response):

        product_title = response.xpath('//div[@class="container"]//div[@class="row"]//div[@id="content"]//h1/text()').extract_first()

        if product_title:
            yield {
                'product_title': product_title,
                'product_price_w/_tax': response.xpath('//div[@class="container"]//div[@class="row"]//div[@id="content"]//div[@class="row"]//div[@class="product-buy-wrapper"]//ul[@class="list-unstyled pp"]//li//h2//span[@id="formated_price"]/text()').extract_first(),
                'product_price_w/o_tax': response.xpath('//div[@class="container"]//div[@class="row"]//div[@id="content"]//div[@class="row"]//div[@class="product-buy-wrapper"]//ul[@class="list-unstyled pp"]//li//span[@id="formated_tax"]/text()').extract_first(),
                'product_desc': response.xpath('//div[@id="product-tabs"]//div[@class="tab-content"]//div[@id="tab-description"]//p/text()').extract_first(),
                'product_uses': response.xpath('//div[@id="product-tabs"]//div[@class="tab-content"]//div[@id="tab-description"]//ul//li/text()').extract(),
            }

尝试一下。

答案 1 :(得分:0)

您可以创建一个循环调用自身的函数,然后可以根据需要调整计时器

 loop();
 var duration1 = 1000;
 var duration2 = 1000;
 
 function loop(){
  $('div').fadeIn(duration1, function() {
        $('div').fadeOut(duration2, loop);       
    })
 }
div{
background-color: orange;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>hide/show</div>