分享与定时自动跳转

admin5年前前端技术1171
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>My test</title>
</head>
<body>
	       <script src="js/jquery.min.js"></script> 
<div id="txt"></div>
         <a href="https://www.163.com"><span>ppp</span></a>
	       <div id="xs_my">
<div id="fb-root"></div>
 



<div class="fb-share-button" data-href="https://www.eobdmall.com/product_content.php?product_id=1015" data-layout="button_count" data-size="large"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.eobdmall.com/product_content.php?product_id=1015;src=sdkpreparse" class="fb-xfbml-parse-ignore">分享</a></div>
</div>
<script type="text/javascript">
$(".fb-share-button").click(function(event) {

       setTimeout(function() {
        $("#xs_my").html('<button type="button" onclick="timedText()">see my </button>') 
    }, 5000);
  
});


function timedText(){
  var x=document.getElementById('txt');
  var t1=setTimeout(function(){$("#txt").html("2 秒")},2000);
  var t2=setTimeout(function(){$("#txt").html("4 秒")},4000);
  var t3=setTimeout(function(){$("span").click()},6000);
}

</script>

</body>
</html>


<a href="https://www.facebook.com/sharer/sharer.php?u=example.org" target="_blank">
  Share on Facebook
</a>


<script type="text/javascript">
 // $(document).ready(function() {
 //     setTimeout(function() {
 //  $("span").click();
 //    }, 1000);
  
 
 // });
 
</script>


相关文章

H5实现移动端禁止页面缩放(适用Android和IOS)

要实现Android和IOS浏览器禁止页面缩放,通用的设置方式是给HTML页面设置meta标签来实现,具体添加标签内容如下:<meta name="viewport"...

通过jquery开发导航下来菜单

核心知识是用jquery的hover方法去实现,动画效果是slideDown与slideUp代码下载地址:点击下载...

H5页面移动端双击屏幕禁止页面放大

在meta标签中加入user-scalable=no属性...

webpack全局安装了,使用命令时却提示安装脚手架

全局安装了webpack ,使用webpack的时候,却有如下的提示One CLI for webpack must be installe...

原生javascrip 复制功能

兼容chrome FIrfox IE 下载地址000.zip代码如下:<!DOCTYPE html> <html> <head> &nbs...

jquery默认设置第一个类的css或者属性

var me=$("#cima>input");me.eq(0).css...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。