59推广技术服务发帖说明数据导航

资源圈 - ZiYuanQ»首页 › 分类 › 站长资料 › JS实现随机跳转到一个网址
 

[代码] JS实现随机跳转到一个网址

[复制链接]
本站网友  发表于 2023-9-13 12:17 |阅读模式

JS随机跳转代码

  1. <script>
  2.     function jumpUrl(){
  3.         var arr = new Array(
  4.             "https://cn.bing.com/",
  5.             "https://www.baidu.com/",
  6.             "https://www.qq.com/",
  7.             "https://www.360.com/",
  8.             "https://www.163.com/",
  9.         );
  10.      window.location.href = arr[Math.floor(Math.random() * arr.length)];
  11.     }
  12.    
  13.     setTimeout(function () {
  14.     jumpUrl();},5000);//设定跳转时间，1s=1000
  15.     </script>
复制代码


HTML+JS+CSS页面
  1. <!DOCTYPE html>
  2. <html>
  3.   
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>即将奔赴</title>
  9.     <link rel="shortcut icon" href="链接">

  11.     <style type="text/css">

  13.         * {
  14.             color: #111827;
  15.         }

  17.         a {
  18.             text-decoration: none;
  19.         }

  21.         .blink {
  22.             position: fixed;
  23.             height: 100%;
  24.             width: 100%;
  25.             text-align: center;
  26.             display: flex;
  27.             display: -webkit-flex;
  28.             align-items: center;
  29.             justify-content: center;
  30.             animation: blink 3s linear infinite;
  31.             -webkit-animation: blink 3s linear infinite;
  32.             -moz-animation: blink 3s linear infinite;
  33.             -ms-animation: blink 3s linear infinite;
  34.             -o-animation: blink 3s linear infinite;
  35.         }
  36.         .all_bg{
  37.                 position:fixed;
  38.                 top: 0;
  39.                 left: 0;
  40.                 width:100%;
  41.                 height:100%;
  42.                 min-width: 780px;
  43.                 z-index:-10;
  44.                 zoom: 1;
  45.                 background-color: #fff;
  46.                 background: url(链接);
  47.                 background-repeat: no-repeat;
  48.                 background-size: cover;
  49.                 -webkit-background-size: cover;
  50.                 -o-background-size: cover;
  51.                 background-position: center 0;
  52.             }

  54.         @keyframes blink {
  55.             0% {
  56.                 opacity: 0;
  57.                 transform: scale(1);
  58.             }

  60.             20% {
  61.                 opacity: 0;
  62.                 transform: scale(1);
  63.             }

  65.             40% {
  66.                 opacity: 0.3;
  67.                 transform: scale(1);
  68.             }

  70.             80% {
  71.                 opacity: 1;
  72.                 transform: scale(0.98);
  73.             }

  75.             90% {
  76.                 opacity: 1;
  77.                 transform: scale(0.98);
  78.             }

  80.             100% {
  81.                 opacity: 0.2;
  82.                 transform: scale(1.2);
  83.             }
  84.         }

  86.         @-webkit-keyframes blink {
  87.             0% {
  88.                 opacity: 0;
  89.                 transform: scale(1);
  90.             }

  92.             20% {
  93.                 opacity: 0;
  94.                 transform: scale(1);
  95.             }

  97.             40% {
  98.                 opacity: 0.3;
  99.                 transform: scale(1);
  100.             }

  102.             80% {
  103.                 opacity: 1;
  104.                 transform: scale(0.98);
  105.             }

  107.             90% {
  108.                 opacity: 1;
  109.                 transform: scale(0.98);
  110.             }

  112.             100% {
  113.                 opacity: 0.2;
  114.                 transform: scale(1.2);
  115.             }
  116.         }

  118.         @-moz-keyframes blink {
  119.             0% {
  120.                 opacity: 0;
  121.                 transform: scale(1);
  122.             }

  124.             20% {
  125.                 opacity: 0;
  126.                 transform: scale(1);
  127.             }

  129.             40% {
  130.                 opacity: 0.3;
  131.                 transform: scale(1);
  132.             }

  134.             80% {
  135.                 opacity: 1;
  136.                 transform: scale(0.98);
  137.             }

  139.             90% {
  140.                 opacity: 1;
  141.                 transform: scale(0.98);
  142.             }

  144.             100% {
  145.                 opacity: 0.2;
  146.                 transform: scale(1.2);
  147.             }
  148.         }

  150.         @-ms-keyframes blink {
  151.             0% {
  152.                 opacity: 0;
  153.                 transform: scale(1);
  154.             }

  156.             20% {
  157.                 opacity: 0;
  158.                 transform: scale(1);
  159.             }

  161.             40% {
  162.                 opacity: 0.3;
  163.                 transform: scale(1);
  164.             }

  166.             80% {
  167.                 opacity: 1;
  168.                 transform: scale(0.98);
  169.             }

  171.             90% {
  172.                 opacity: 1;
  173.                 transform: scale(0.98);
  174.             }

  176.             100% {
  177.                 opacity: 0.2;
  178.                 transform: scale(1.2);
  179.             }
  180.         }

  182.         @-o-keyframes blink {
  183.             0% {
  184.                 opacity: 0;
  185.                 transform: scale(1);
  186.             }

  188.             20% {
  189.                 opacity: 0;
  190.                 transform: scale(1);
  191.             }

  193.             40% {
  194.                 opacity: 0.3;
  195.                 transform: scale(1);
  196.             }

  198.             80% {
  199.                 opacity: 1;
  200.                 transform: scale(0.98);
  201.             }

  203.             90% {
  204.                 opacity: 1;
  205.                 transform: scale(0.98);
  206.             }

  208.             100% {
  209.                 opacity: 0.2;
  210.                 transform: scale(1.2);
  211.             }
  212.         }

  214.         .botCenter {
  215.             position: fixed;
  216.             width: 100%;
  217.             height: 50px;
  218.             bottom: 2px;
  219.             line-height: 20px;
  220.             font-size: 12px;
  221.             text-align: center;
  222.             animation: botCenter 3s linear;
  223.             -webkit-animation: botCenter 3s linear;
  224.             -moz-animation: botCenter 3s linear;
  225.             -ms-animation: botCenter 3s linear;
  226.             -o-animation: botCenter 3s linear;
  227.         }

  229.         @keyframes botCenter {
  230.             0% {
  231.                 opacity: 0;
  232.             }

  234.             20% {
  235.                 opacity: 0;
  236.             }

  238.             40% {
  239.                 opacity: 0.3;
  240.             }

  242.             80% {
  243.                 opacity: 1;
  244.             }

  246.             90% {
  247.                 opacity: 1;
  248.             }

  250.             100% {
  251.                 opacity: 1;
  252.             }
  253.         }

  255.         @-webkit-keyframes botCenter {
  256.             0% {
  257.                 opacity: 0;
  258.             }

  260.             20% {
  261.                 opacity: 0;
  262.             }

  264.             40% {
  265.                 opacity: 0.3;
  266.             }

  268.             80% {
  269.                 opacity: 1;
  270.             }

  272.             90% {
  273.                 opacity: 1;
  274.             }

  276.             100% {
  277.                 opacity: 1;
  278.             }
  279.         }

  281.         @-moz-keyframes botCenter {
  282.             0% {
  283.                 opacity: 0;
  284.             }

  286.             20% {
  287.                 opacity: 0;
  288.             }

  290.             40% {
  291.                 opacity: 0.3;
  292.             }

  294.             80% {
  295.                 opacity: 1;
  296.             }

  298.             90% {
  299.                 opacity: 1;
  300.             }

  302.             100% {
  303.                 opacity: 1;
  304.             }
  305.         }

  307.         @-ms-keyframes botCenter {
  308.             0% {
  309.                 opacity: 0;
  310.             }

  312.             20% {
  313.                 opacity: 0;
  314.             }

  316.             40% {
  317.                 opacity: 0.3;
  318.             }

  320.             80% {
  321.                 opacity: 1;
  322.             }

  324.             90% {
  325.                 opacity: 1;
  326.             }

  328.             100% {
  329.                 opacity: 1;
  330.             }
  331.         }

  333.         @-o-keyframes botCenter {
  334.             0% {
  335.                 opacity: 0;
  336.             }

  338.             20% {
  339.                 opacity: 0;
  340.             }

  342.             40% {
  343.                 opacity: 0.3;
  344.             }

  346.             80% {
  347.                 opacity: 1;
  348.             }

  350.             90% {
  351.                 opacity: 1;
  352.             }

  354.             100% {
  355.                 opacity: 1;
  356.             }
  357.         }
  358.     </style>

  360. </head>

  362. <body>


  365.     <div class="blink">
  366.         <a href="链接" target="_blank"
  367.             title="点击加入“奔赴”，分享网站流量 :-)">欢迎回来，即将奔赴<br />Welcome back, coming soon...</a>
  368.     </div>
  369.      <script>
  370.     function jumpUrl(){
  371.         var arr = new Array(
  372.             "https://cn.bing.com/",
  373.             "https://www.baidu.com/",
  374.             "https://www.qq.com/",
  375.             "https://www.360.com/",
  376.             "https://www.163.com/",
  377.         );
  378.      window.location.href = arr[Math.floor(Math.random() * arr.length)];
  379.     }
  380.    
  381.     setTimeout(function () {
  382.     jumpUrl();},5000);//设定跳转时间，1s=1000
  383.     </script>
  384. <div class="all_bg"></div>
  385. </body>

  387. </html>
复制代码
回复

举报

返回列表 发新帖

删帖注销|手机版|资源圈

GMT+8, 2025-1-18 12:58

Powered by Discuz!

© 20022-2026 Comsenz Inc.

快速回复 返回顶部 返回列表