工具提示中的倒计时时间

时间:2014-06-10 11:39:15

标签: javascript php jquery html jquery-tooltip

这是我的倒计时脚本:

<script type='text/javascript'>        
    function cronometru(timp_ramas) {
        Ore = Math.floor(timp_ramas / 3600);
        minute = Math.floor((timp_ramas - Ore * 3600) / 60);
        secunde = timp_ramas - minute * 60 - Ore * 3600;
        if (Ore < 10){ Ore = "0"+ Ore; }
        if (minute < 10){ minute = "0" + minute; }
        if (secunde < 10){ secunde = "0" + secunde; }
        if (timp_ramas > 0) {

            timp_ramas--;
            document.getElementById("timp").innerHTML = Ore + ':' + minute + ':' + secunde;

            setTimeout("cronometru("+timp_ramas+")", 1000);

        } else {
            document.getElementById("timp").innerHTML = "Focul s-a stins !";

        }
    }

$timp_ramas = $citeste['timp_ramas_pentru_foc'] - time(); // this is the function that retrives the actual time from an database.

我将这个“wz_tooltip.js”用于工具提示事件。

 <script type="text/javascript" src="wz_tooltip.js"></script>

当我尝试在工具提示中显示我的conuntdown时,工具提示变为黑色,并且只显示倒计时位置之前或之后的消息('Timp ramas:')

示例:

    if ($citeste["timp_ramas_pentru_foc"] > 0)
{

 echo "
<a onmouseover=

\"Tip('Timp ramas : <span id=timp></span> ')\"  
onmouseout=\"UnTip()\">

<img src='img/skiluri/fire_yes.png'/>  </a>

    ";
}

我找到了一种使代码生效的方法,但计时器将在同一时间显示在2个位置。我只想在一些图片/文字上移动光标并且工具提示出现时才读它。

同时具有2个视图的工作代码示例:

      $timp_ramas = $citeste['timp_ramas_pentru_foc'] - time();
      ?>


   <script type='text/javascript'>        
    function cronometru(timp_ramas) {
        Ore = Math.floor(timp_ramas / 3600);
        minute = Math.floor((timp_ramas - Ore * 3600) / 60);
        secunde = timp_ramas - minute * 60 - Ore * 3600;
        if (Ore < 10){ Ore = "0"+ Ore; }
        if (minute < 10){ minute = "0" + minute; }
        if (secunde < 10){ secunde = "0" + secunde; }
        if (timp_ramas > 0) {

            timp_ramas--;
            document.getElementById("timp").innerHTML = Ore + ':' + minute + ':' + secunde;

            setTimeout("cronometru("+timp_ramas+")", 1000);

        } else {
            document.getElementById("timp").innerHTML = "Focul s-a stins !";

        }
    }

    <script src="js/meniu_dreapta/iconmenu.js"></script>
     <body>
    <script type="text/javascript" src="js/tooltip/wz_tooltip.js"></script>

   <span id='timp'></span>  <?php echo "<script type='text/javascript'>cronometru(".$timp_ramas.")</script>";   ?>

<?php


    echo '
    <html>
    <ul id="myiconmenu" class="iconmenu"> ';

    if ($citeste["timp_ramas_pentru_foc"] > 0)
{

 echo "
<a onmouseover=

\"Tip('Timp ramas : <span id=timp></span> ')\"  
onmouseout=\"UnTip()\">

<img src='img/skiluri/fire_yes.png'/>  </a>

    ";
}

谢谢。

0 个答案:

没有答案